日期控件jeDate开始日期结束日期联动 博客分类： Web-JS/JQuery 日期控件jeDate日期联动

官网：http://www.jemui.com/uidoc/jedate.html#linkage

html:

 

<#list pointsDeductRuleList as deductRule>
  <tr class="aui-grid-row deduct deduct2">
   <td style="width:0;"></td>
   <td class="aui-grid-cell" colspan="1">
      <div class="aui-grid-cell-div">
         <span style="padding-right: 20px;">活动日期：</span>
         <input class="pointsDeductStartDate" name="pointsDeductDate" type="text" autocomplete="off" readonly >
         <label style="float: none !important;">至</label>
         <input id="inpend" class="pointsDeductEndDate" name="pointsDeductDate" type="text" autocomplete="off" readonly >
         <span>金额满足：</span><input type="text" size="10" name="minAmount"  >&nbsp;元
         <span> 总金额：</span><input type="text" size="10" name="maxDiscount" >&nbsp;%
      </div>
    </td>
  </tr>
</#list>

 

js:

$(document).ready(function() {
            initDate();
        });

function initDate(){
  $('tr.deduct2').find('input.pointsDeductStartDate').each(function (ind,ele) {
                var eleEnd = $(ele).next().next();
                var start = {
                    format: 'YYYY-MM-DD',
                    maxDate: eleEnd.val(), //最大日期
                    choosefun: function(elem,datas){
                        console.info($(elem).val());
                        end.minDate = datas; //开始日选好后，重置结束日的最小日期
                    }
                };
                var end = {
                    format: 'YYYY-MM-DD',
                    minDate: $(ele).val(), //设定最小日期为当前日期
                    choosefun: function(elem,datas){
                        start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期
                    }
                };
                $(ele).jeDate(start);
                eleEnd.jeDate(end);
            });


        }

 

 

网上其它示例：

【自定义日期格式】
<span class="wstxt">开始日期：</span><input type="text" class="workinput wicon mr25" id="inpstart" readonly>
<span class="wstxt">结束日期：</span><input type="text" class="workinput wicon mr25" id="inpend" readonly>
<script>
var start = {
    format: 'YYYY-MM-DD hh:mm:ss',
    minDate: $.nowDate(0), //设定最小日期为当前日期
    isinitVal:true,
    festival:true,
    ishmsVal:false,
    maxDate: '2099-06-30 23:59:59', //最大日期
    choosefun: function(elem,datas){
        end.minDate = datas; //开始日选好后，重置结束日的最小日期
    }
};
var end = {
    format: 'YYYY年MM月DD日 hh:mm:ss',
    minDate: $.nowDate(0), //设定最小日期为当前日期
    festival:true,
    maxDate: '2099-06-16 23:59:59', //最大日期
    choosefun: function(elem,datas){
        start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期
    }
};
$('#inpstart').jeDate(start);
$('#inpend').jeDate(end);

//或者是
$.jeDate('#inpstart',start);
$.jeDate('#inpend',end);
</script>