【mark】datetimepicker 使用

最新推荐文章于 2025-06-06 16:31:04 发布

abel0130

最新推荐文章于 2025-06-06 16:31:04 发布

阅读量2.4k

点赞数

分类专栏： JavaScript 文章标签： jQuery 控件 datetimepicker

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

导入包jquery.datetimepicker.js

1.Time区间选择器

$(function() {
$(".startdatepicker").datetimepicker({
timeOnly:true,
datepicker:false,
step:5,
format:'H:i',
onShow:function( currentDateTime ){
this.setOptions({
maxTime:$(".enddatepicker").val()?$(".enddatepicker").val():false
});
}
});
$(".enddatepicker").datetimepicker({
timeOnly:true,
datepicker:false,
step:5,
format:'H:i',
onShow:function( currentDateTime ){
this.setOptions({
minTime:$(".startdatepicker").val()?$(".startdatepicker").val():false
});
}
});
});

2.DateTime区间选择器

$(function() {
$(".startdatepicker").datetimepicker({
showSecond: true,
format:'Ymd H:i:s',
formatDate:'Ymd H:i:s',
onShow:function( currentDateTime ){
this.setOptions({
maxDate:$(".enddatepicker").val()?$(".enddatepicker").val():false
});
}
});
$(".enddatepicker").datetimepicker({
showSecond: true,
format:'Ymd H:i:s',
formatDate:'Ymd H:i:s',
onShow:function( currentDateTime ){
this.setOptions({
minDate:$(".startdatepicker").val()?$(".startdatepicker").val():false
});
}
});
});