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、如果要对日期选择控件进行自定义,则自己对其属性进行赋值!!

原文地址:https://www.cnblogs.com/cyh123/p/3282608.html