jquery日期時間選擇器

Question

可以告訴如何使用Jquery日曆日期時間選擇器。

Answer 1

你做到以下幾點：

1. 下載jQuery UI datepicker，這需要UI核心。
2. 添加腳本引用到你的頁面，CSS爲主題
3. 添加代碼綁定一個datepicker到一個文本框，如下所示：

你可以在這裏閱讀的文檔：http://jqueryui.com/demos/datepicker/

<input id="datepicker" type="text"> 
<script type="text/javascript"> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 

Answer 2

請參見：

http://jqueryui.com/demos/datepicker/

還有與演示文檔。

Answer 3

對於默認選項，它只是

$(function() { // function to execute when DOM is ready 
    $('#input').datepicker(); // run datepicker on jQuery object 
}); 

，你在你的標記有

<input type="text" id="input" /> 

。你需要按照下面的順序來引用腳本

1. jQuery腳本
2. 日期選擇腳本
3. 您的腳本結合對DOM的日期選擇器準備就緒。

一個更高級的例子，check out this demo。如果您想查看其後面的代碼，請將/編輯添加到該網址。

Answer 4

你也可以考慮一個本地HTML5 datepicker。用戶Modernizr決定是否使用瀏覽器原生。

Answer 5

如果HTML5 datepicker不可用，那麼如何使用HTML5並返回到jQuery UI呢？

<script type="text/javascript"> 
$(document).ready(function() { 
    if (!Modernizr.inputtypes.date){ 
     // if no native support, use a datepicker script 
     $(':input[type=datetime]').datepicker(); 
    } 
}); 
</script> 

Answer 6

試試這個

$("#dateTime").datetimepicker({ 
    dateFormat: 'yy-mm-dd', 
    changeMonth: true, 
    changeYear: true, 

});