easyui datetimebox设置截止时间
<input id="endtime" name="workTask.deadline" class="easyui-datetimebox" data-options="required:true,editable:false" style="width:190px;height:28px;"/>
$("#endtime").datetimebox().datetimebox('calendar').calendar({
validator:function(date){
var startTime = new Date();
return date>=startTime;
}
});
区间设置
function onChangeStartTime(){
var startTime = $("#beginTime").datetimebox("getValue");//开始时间
var endTime = $("#endTime").datetimebox("getValue");//结束时间
console.log("begin startTime="+startTime+" endTime="+endTime);
if(startTime!=null&&startTime!=""&&endTime!=null&&endTime!=""){
if(startTime>endTime){
$.messager.alert('提示','开始时间不能大于结束时间!');
$('#beginTime').datetimebox('setValue', '');
return;
}
}
}
function onChangeEndTime(){
var startTime = $("#beginTime").datetimebox("getValue");//开始时间
var endTime = $("#endTime").datetimebox("getValue");//结束时间
console.log("end startTime="+startTime+" endTime="+endTime);
if(startTime!=null&&startTime!=""&&endTime!=null&&endTime!=""){
if(startTime>endTime){
$.messager.alert('提示','结束时间不能小于开始时间!');
$('#endTime').datetimebox('setValue', '');
return;
}
}
}
$(function(){
$("#beginTime").datetimebox({
onHidePanel : function() {//datebox把onHidePanel换成onSelect
onChangeStartTime();
}
});
$("#endTime").datetimebox({
onHidePanel : function() {//datebox把onHidePanel换成onSelect
onChangeEndTime();
}
});
});
<input class="easyui-datetimebox" id="beginTime" name="begin" data-options="prompt:'开始时间'" style="width:150px;">
<input class="easyui-datetimebox" id="endTime" name="end" data-options="prompt:'结束时间'" style="width:150px;">
还没有评论,来说两句吧...