<form id="searchForm" data-parsley-validate role="form" >
<div class="form-select-group">
<label class="col-sm-4 form-control-label">开始日期:</label>
<div class="col-sm-8 form-control-input">
<input type="text" id="ksrq" name="ksrq" class="form-control" placeholder="开始日期" >
</div>
</div>
<div class="form-select-group">
<label class="col-sm-4 form-control-label">结束日期:</label>
<div class="col-sm-8 form-control-input">
<input type="text" id="jsrq" name="jsrq" class="form-control" placeholder="结束日期" >
</div>
</div>
<div>
<button id="chaxunButton" type="submit" class="btn btn-primary btn-form-submit">查询</button>
</div>
</form>
<script type="text/javascript">
var newDate=new Date();
var ymdTodayDate=newDate.getFullYear()+'-'+(newDate.getMonth()+1)+'-'+newDate.getDate();
// 当月第一天 "yyyy-MM-dd"
var ymdMonFirstDate=newDate.getFullYear()+'-'+(newDate.getMonth()+1)+'-'+'01';
// 当天 "yyyy-MM-dd"
var ymdTodayDateStr=""+ymdTodayDate;
var ksrq="";
var jsrq="";
/**
* @Description:
开始日期默认设初值为当月第一天,最大值当天;
结束日期默认设置初值为当天,最大值当天;
开始日期小于等于结束日期
* @CodeSteps:
*
*/
// 开始日期
var ksrqDom = laydate.render({
elem: '#ksrq',
max: ymdTodayDateStr,
type: 'date',
value: $('#ksrq').val(),
done: function (value, date) {
console.log("value--"+value+"date开始时间--"+date);
// 如果开始日期不为空,则结束日期最小值为开始日期
if (value != '') {
jsrqDom.config.min= {
year: date.year,
month: date.month - 1,
date: date.date
};
ksrq=$("#ksrq").val();
jsrq=$("#jsrq").val();
var valueRe=value.replace(/-/g,"");
var jsrqRe=jsrq.replace(/-/g,"");
if(jsrq!='' && parseInt(valueRe)>parseInt(jsrqRe)){
ns.tip.toast.error("开始日期不能大于结束日期");
}
}
// 如果开始日期为空,则结束日期最小值为空
else {
jsrqDom.config.min= {
year: '',
month: '',
date: ''
};
}
}
});
// 结束日期
var jsrqDom = laydate.render({
elem: '#jsrq',
max: ymdTodayDateStr,
type: 'date',
value: $('#jsrq').val(),
done: function (value, date) {
console.log("value--"+value+"date结束时间--"+date);
// 如果结束日期不为空,则开始日期的最大值为结束日期
if (value !== '') {
ksrqDom.config.max== {
year: date.year,
month: date.month - 1,
date: date.date
};
}
}
});
// 页面初始化加载
$(document).ready(function(){
// 日期设初值
$('#ksrq').val(ymdMonFirstDate);
$('#jsrq').val(ymdTodayDate);
// ksrqDom.config.value=ymdMonFirstDate;
// jsrqDom.config.value=ymdTodayDate;
console.log("初始化打印--"+$('#ksrq').val()+$('#jsrq').val());
// 手动点击查询按钮
$('#chaxunButton').trigger("click");
});
</script>
日期插件layui的》laydate
于 2022-04-20 11:00:19 首次发布