🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# Jquery UI 的移动版日期拾取器插件 Jquery UI's Datepicker Styled for mobile 下面这个示例是Jquery UI 为移动设备开发的日期拾取器插件,这个插件并不包含在Jquery Mobile默认库当中,你需要自己手动include这些文件 **日期拾取器 Datepicker** ![](images/form%20element/Datepicker.png) ## 使用说明 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加载前。你可以查看该页面的源代码是如何写的