laydate渲染开始日期结束日期并限制选择

html页面日期组件:

<div class="layui-inline">
   <label class="layui-form-label">开始日期:<span
           class="layui-font-red">*</span></label>
   <div class="layui-input-inline" id="bData1">
       <input type="text" name="bDate" id="bDate" lay-verify="date|required"
              placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
   </div>
</div>
<div class="layui-inline">
   <label class="layui-form-label">结束日期:<span
           class="layui-font-red">*</span></label>
   <div class="layui-input-inline" id="eData1">
       <input type="text" name="eDate" id="eDate" lay-verify="date|required"
              placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
   </div>
</div>

js渲染方法一:

//获取当前年份
var nowDateYear = new Date().getFullYear();
var minDate = nowDateYear + '-01-01';
var maxDate = nowDateYear + '-12-31';
 
var startDate=laydate.render({
	elem: '#bDate'
	,min: minDate
	,max: maxDate
	, done: function (value, dates) {
	      endDate.config.min = {
	          year: dates.year,
	          month: dates.month - 1, //关键
	          date: dates.date,
	          hours: 0,
	          minutes: 0,
	          seconds: 0
	      }
	   }
	});

var endDate=laydate.render({
      elem: '#eDate'
      ,min: minDate
      ,max: maxDate
     ,done: function (value, dates) {
         startDate.config.max={
             year:dates.year,
             month:dates.month-1,//关键
             date: dates.date,
             hours: 0,
             minutes: 0,
             seconds : 0
         }
     }
  });

js渲染方法二:

	var beginDay = editPreBill.bDate||''; //默认值
    var endDay = editPreBill.eDate||'';   //默认值
    //开始
    writeBdate('bData',beginDay,endDay);
    //结束
    writeEdate('eData',endDay,beginDay);

    //渲染开始日期
    function writeBdate(elem1,value1,value2){
        laydate.render({
            elem: '#'+elem1
            ,value:value1//初始值
            ,max:value2==''?4073558400000:value2
            ,done:function (value, date, endDate) {
                beginDay = value;
                //重新结束渲染
                $("#eData").remove();
                $("#eData1").html(' <input type="text" name="eDate" id="eData" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">');
                writeEdate("eData",value2,beginDay);
            }
        });
    }
    function writeEdate(elem1,value1,value2){
        laydate.render({
            elem: '#'+elem1
            ,value:value1//初始值
            ,min:value2==''?-4073558400000:value2
            ,done:function (value, date, endDate) {
                endDay = value;
                //重新渲染
                $("#bData").remove();
                $("#bData1").html(' <input type="text" name="bDate" id="bData" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">');
                writeBdate("bData",value2,endDay);
            }
        });
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

成年人的苦衷

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值