您的位置:首页 > 产品设计 > UI/UE

layui-laydate 时间大小控制

2018-04-04 16:04 330 查看
开始时间必须小于结束时间,结束时间必须大于开始时间,如图,左边的输入框选定了开始时间,则右边的输入框不能再选择4月11号之前的日期了



关键代码:
var start,end;
//月份修正
function doneTime(date){
return {
year: date.year,
month: date.month - 1,
date: date.date
}
};
var start = laydate.render({
elem: '#startDate', //指定元素
format:'yyyy-MM-dd',
done:function (value,date) {
// 将选中的时间绑定到vo上
$scope.vo.startDate = new Date(value);
//将结束日的初始值设定为开始日
end.config.min = doneTime(date);
end.config.value = doneTime(date);
}
});
var end = laydate.render({
elem: '#endDate', //指定元素
format:'yyyy-MM-dd',
done:function (value,date) {
// 将选中的时间绑定到vo上
$scope.vo.endDate = new Date(value);
//结束日选好后,重置开始日的最大日期
start.config.max = doneTime(date);
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  layui