# Jquery UI 的移動版日期拾取器插件 Jquery UI's Datepicker Styled for mobile 下面這個示例是Jquery UI 為移動設備開發的日期拾取器插件，這個插件并不包含在Jquery Mobile默認庫當中，你需要自己手動include這些文件 **日期拾取器 Datepicker**  ## 使用說明 Usage Instructions 日期拾取器自動從type="date"屬性的輸入框中生成 ``` <label for="date">Date Input:</label> <input type="date" name="date" id="date" value="" /> ``` 我們推薦將label和input包裹在data-role=fieldcontain的div中作為描述，而且這些元素應該添加form中以便在 C級瀏覽器也能夠正常訪問 **注意：**該插件并不包含在Jquery Mobile默認庫當中，你需要包含以下文件來使用該插件： ``` <link rel="stylesheet" href="Jquery.ui.datepicker.mobile.css" /> <script src="Jquery.ui.datepicker.js"></script> <script src="Jquery.ui.datepicker.mobile.js"></script> ``` 你同樣可能需要配置頁面插件來使"date" input 轉換為"text" input 以避免原生"date" input與我們自定義的datepicker所沖突，要實現這樣的功能需要在"mobileinit"事件處理函數中使用如下代碼： ``` <script> 　　　//reset type=date inputs to text 　　　$( document ).bind( "mobileinit", function(){ 　　　$.mobile.page.prototype.options.degradeInputs.date = true; 　　　}); </script> ``` 把這些代碼放置在在Jquery加載后，Jquery Mobile加載前。你可以查看該頁面的源代碼是如何寫的