2012-07-20 99 views
0

我有问题,这个日期选择器http://jqueryui.com/demos/datepicker/简单的UI日期选择器不工作

<script> 
    $(function() { 
     $("#datepicker1").datepicker({ dateFormat: 'yy-mm-dd' }); 
    }); 
</script> 
<script> 
    $(function() { 
     $("#datepicker2").datepicker({ dateFormat: 'yy-mm-dd' }); 
    }); 
</script> 

<div id="checkinWrapper" class="input-wrapper"> 
    <input type="text" id="datepicker1" style="width:118px;" class="checkin search-option hasDatepicker" name="checkin" placeholder="Поаѓаме на"> 
    <span></span> 
</div> 
<div id="checkoutWrapper" class="input-wrapper"> 
    <input type="text" id="datepicker2" style="width:118px; margin-left:2px;" class="checkout search-option hasDatepicker" name="checkout" placeholder="Се враќаме"> 
    <span></span> 
</div> 

当我测试一下它的工作原理好一个空白页上,但是当我在目前的设计实现它,它不工作(做不显示)。我不知道是什么原因造成的。下面是我包括脚本:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 

可能出现问题becouse我在目前的设计已经实现了其他的jQuery脚本?任何解决方案

+0

你看到页面上的任何错误请参见​​? – Nathan 2012-07-20 21:08:57

+0

不是。它只是不起作用。当我点击文本字段时,日历不显示。 – Neshkowsky 2012-07-20 21:13:55

回答

2

如果从两个输入标记中删除hasDatepicker类,它将起作用。

的日期选择器插件添加该类本身,已经存在于类没有日期选择器创建...

的工作(非样式)例如

+0

我删除了'hasDatepicker',但仍然没有任何反应。也许我应该输入其他脚本? – Neshkowsky 2012-07-20 21:32:52

+0

我明白了。我有一些.js文件使用hasDatepicker并干扰我的日期选择器。 – Neshkowsky 2012-07-20 21:35:58