My97DatePicker时间控件的使用

My97DatePicker是一款优秀的日期插件,它可以很方便地实现各种日期选择效果。

1.先来最简单的配置方法:

(1)下载WdatePicker.js(包括lang和skin文件夹)。

(2)在html页面中导入WdatePicker.js。

(3)在输入框input元素上

(4)打开页面查看效果。

My97DatePicker时间控件的使用_第1张图片

2.只读,添加控制:开始日期要小于当前日期或小于截止日期;截止日期要大于开始日期小于当前日期

起始日期:               截止日期:

效果图:

My97DatePicker时间控件的使用_第2张图片

My97DatePicker时间控件的使用_第3张图片


3.获取输入框中的时间:

js中:

var startTime = $("#startTime").val();即可


你可能感兴趣的:(前端)