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);
}
});
关键代码:
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);
}
});
相关文章推荐
- laydate 时间选择组件对日期的控制
- 使用layui日期控件laydate对开始和结束时间进行联动控制
- 比较时间大小 Date
- layDate/DatePicker日期时间空间
- Layui中的日期组件layDate 1.1的改良版
- layui的laydate实现季度选择
- LayDate 时间选择插件的使用介绍
- mysql中的date类型直接比较大小是按照字符串比较还是时间戳
- laydate日期空间与时间选择器
- flash时间轴声音大小控制
- Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个
- layDate显示默认时间
- layui 日期插件layDate 绑定 动态添加 增加多个 行内调用 js代码调用
- Java 时间日期处理:取某一时间,Date转字符串,计算时间差,时间比较大小
- laydate.js日期时间选择插件
- layUI独立组件layer-laydate-laypage项目实践用法
- easyUI的dateBox控制时间格式
- layDate开始时间和结束时间
- layer.prompt输入框改成laydate时间控件
- laydate日期插件案例,结束时间小于开始时间不可选择