jquery年月日时分秒控件_jQuery DateTimePicker 日期和时间插件示例

jQuery UI很强大，其中的日期选择插件Datepicker是一个配置灵活的插件，我们可以自定义其展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。

日期选择插件是一个配置灵活的插件，你可以定义它的展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等

文档和下载地址：

4、JQuery下载地址：

下面先看效果图：

引入js文件：

1、默认的效果：

关键代码：

$("#defult").datetimepicker();

2、控制到时分秒：

关键代码：

$('#date').prop("readonly", true).datetimepicker({

timeText: '时间',

hourText: '小时',

minuteText: '分钟',

secondText: '秒',

currentText: '现在',

closeText: '完成',

showSecond: true, //显示秒

timeFormat: 'HH:mm:ss' //格式化时间

});

3、控制到年月日

关键代码：

$("#date_yy-mm-dd").prop("readonly", true).datepicker({

changeMonth: true,

dateFormat: "yy-mm-dd",

onClose: function(selectedDate) {

}

});

4、开始结束区间

关键代码：

$("#date_start").prop("readonly", true).datepicker({ <