大家好,又见面了,我是你们的朋友全栈君。
<div class="layui-inline" style="">
<label class="layui-form-label">时间</label>
<div class="layui-input-inline" style="">
<input type="text" name="openTime1" class="layui-input" id="test5" value="" placeholder="yyyy-MM-dd HH:mm:ss">
</div>
<div class="layui-form-mid">-</div>
<div class="layui-input-inline" style="">
<input type="text" name="openTime2" class="layui-input" id="test6" value="" placeholder="yyyy-MM-dd HH:mm:ss">
</div>
</div>
//当前时间
var nowTime = new Date();
//console.log(nowTime);
// 时间范围控制
var test5 = laydate.render({
elem: '#test5'
,calendar:true
,type:"datetime"
,value: new Date((new Date() - 5184000000)) // 2个月前
//,range: true
,min: -1000 //60天前
,max: 'nowTime' //0天后
//,max: 0 //0天后
,btn:['confirm']
,change: function(value, date, endDate){ //值改变回调
console.log(value); //得到日期生成的值,如:2017-08-18
console.log(date); //得到日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
//console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。
}
,done: function(value, date, endDate){//点击之后回调
console.log(value); //得到日期生成的值,如:2017-08-18
console.log(date); //得到日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
// console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。
test6.config.min={
year:date.year,
month:date.month-1,//关键
date:date.date,
hours:date.hours,
minutes:date.minutes,
seconds:date.seconds
};
}
});
var test6 = laydate.render({
elem: '#test6'
,calendar:true
,type:"datetime"
,value: new Date()
//,theme: 'molv'
,min: -1000 //60天前
,max: 'nowTime' //0天后
//,max: 0 //0天后
,change: function(value, date, endDate){
console.log(value); //得到日期生成的值,如:2017-08-18
console.log(date); //得到日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
//console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。
}
,done: function(value, date, endDate){
console.log(value); //得到日期生成的值,如:2017-08-18
console.log(date); //得到日期时间对象:{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
console.log(endDate); //得结束的日期时间对象,开启范围选择(range: true)才会返回。对象成员同上。
test5.config.max= {
year: date.year,
month: date.month - 1,//关键
date: date.date,
hours: date.hours,
minutes: date.minutes,
seconds: date.seconds
}
}
});
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/142445.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...