Jquery日期、时间选择插件

Jquery日期、时间选择插件

情到浓时终转凉″ 提交于 2020-02-29 05:31:16
Jquery日期、时间选择插件 准备工作 首先请到 jqueryui.com 官网下载datepicker插件代码,注意官网提供了整个jquery ui的所有插件下载,但是您可以选择其中几个用到的插件下载,本文中只用到datepicker,所以只选择下载jquery ui核心代码和datepicker代码。你可以直接点击本文上面的Download下载按钮下载demo源码包,其中就包括了datepicker插件源码。 HTML 首先在head之间引入jquery库文件和datepicker插件以及相关css。 <script type = "text/javascript" src = "js/jquery.js" > </script> <script type = "text/javascript" src = "js/jquery-ui-datepicker.js" > </script> <link rel = "stylesheet" type = "text/css" href = "css/jquery-ui.css" /> 然后在body间加入一个输入框。 <input type = "text" id = "date_1" /> Javscript 调用datepicker非常简单,直接使用以下代码就可以实现: $( function () { $( "#date