开始时间至结束时间大致规则:
laydate之开始时间永远小于等于结束时间,结束时间永远大于等于开始时间。开封即用拿走不谢~
<form class="layui-form screen-box" action="">
<div class="layui-form-item">
<label class="layui-form-label">选择日期:</label>
<div class="layui-input-inline">
<input type="text" id="start" name="params['startTime']" lay-verify="required" placeholder="请选择开始时间" autocomplete="off" class="layui-input" readonly>
</div>
<div class="layui-input-inline">
<input type="text" id="end" name="params['endTime']" lay-verify="required" placeholder="请选择结束时间" autocomplete="off" class="layui-input" readonly>
</div>
<div class="layui-input-inline t-input-inline">
<input type="text" name="params['keyword']" lay-verify="required" placeholder="请输入关键标识" autocomplete="off" class="layui-input">
</div>
<div class="layui-input-inline">
<button class="layui-btn" lay-submit lay-filter="*"><i class="layui-icon"></i>查找</button>
</div>
</div>
</form>
//开始时间
var startTime = laydate.render({
elem: '#start', //指定元素
max: getNowFormatDate(),
done: function (value, dates) {
endTime.config.min = {
year: dates.year,
month: dates.month - 1, //关键
date: dates.date,
};
$('#start').blur()
}
});
//结束时间
var endTime = laydate.render({
elem: '#end', //指定元素
max: getNowFormatDate(),
done: function (value, dates) {
startTime.config.max = {
year: dates.year,
month: dates.month - 1, //关键
date: dates.date,
};
$('#start').blur()
}
});
//获取当前的日期时间 格式“yyyy-MM-dd”
function getNowFormatDate() {
var date = new Date();
var seperator1 = "-";
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
return currentdate;
}