日期插件layui的》laydate

<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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值