jquery datepicker

一、准备jquery库文件

使用不同的jquery库文件及不同的版本引入的东西会有所不同；我使用的jquery文件及版本：

jquery.js 版本1.4版  (jquery基本库文件)

ui.core.js 版本1.7.3 (datepicker所依赖的库文件)

ui.datepicker.js 版本1.7.3(时间插件文件)

jquery-ui-1.7.3.custom.css (插件样式文件)

二、把这些文件引入到页面

 

三、在你需要使用时间的html标签里设置一个id属性（可以是一个text或者div）如：

<input type="text" id="inputDate" readonly="yes" />

 

四、通过下面这种方式就可以了，当你的鼠标点进文本框时就会出现时间面板；

<script type="text/javascript">
      $(document).ready(function() {
              $("#inputDate").datepicker();

      });

</script>