jquery ui daetepicker日期选择控件

jquery ui daetepicker日期选择控件

1、根据官方demo导入js和css文件：

<link rel="stylesheet" href="js/jquery-ui.css" />
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui.js"></script>

js和css文件还可以使jquery.ui.datepicker.js、jquery.ui.datepicker.css。。。。

 

2、添加一个日期文本域：

Date: <input type="text" id="datepicker" />

3、添加javascript代码：

<script>
$(function() {
$("#datepicker").datepicker();
});
</script>

4、如果需要对日期选择控件进行中文显示，可以添加自定义的js文件：

<script src="js/datepicker-zh.js"></script>

datepicker-zh.js

5、如果要对日期选择控件进行自定义，则自己对其属性进行赋值！！

posted on 2013-08-26 14:53 踏上原路 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/cyh123/p/3282608.html