一、准备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>
