【mark】datetimepicker 使用

导入包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
});
}
});

});