2012-07-20 98 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