layui时间控件联动：开始时间、结束时间，有效时间范围

实际开发中，经常遇到时间控件联动的情况，然后每次都网上搜代码Copy，不过每次都有点小Bug让你错不及防；

这次，在这里备份一下，以后Copy自己的得了（欢迎Copy代码，若遇到问题，请麻烦回复我一下，云测试Bug，hhh）：

 @Styles.Render("~/Content/layuiadmin/layui/css/layui.css")
 @Styles.Render("~/Content/layuiadmin/style/admin.css?v=1")
 @Scripts.Render("~/Plugins/json3.min.js")
 @Scripts.Render("~/Scripts/jquery-1.10.2.min.js")
 @Scripts.Render("~/Content/layuiadmin/layui/layui.js")

 <div class="layui-fluid layui-form">
     <div class="layui-card">
         <div class="layui-card-body">
             <div class="layui-form-item">

                 <div class="layui-inline">
                     <label class="layui-form-label">开始时间：</label>
                     <div class="layui-input-inline">
                         <input type="text" name="beginDate" id="beginDate" autocomplete="off" class="layui-input laydate" placeholder="年-月-日">
                     </div>
                 </div>

                 <div class="layui-inline">
                     <label class="layui-form-label">结束时间：</label>
                     <div class="layui-input-inline">
                         <input type="text" name="endDate" id="endDate" autocomplete="off" class="layui-input laydate" placeholder="年-月-日">
                     </div>
                 </div>

             </div>
         </div>
     </div>
 </div>

 <input type="hidden" id="hidMinListDate" value="1998-01-01" />
 <input type="hidden" id="hidMaxListDate" value="@DateTime.Now.ToString("yyyy-MM-dd")" />

其它代码

 layui.use('laydate', function () {
     var laydate = layui.laydate;
     var minListDate = $('#hidMinListDate').val();//最小可选时间，例：1990-02-01
     var maxListDate = $('#hidMaxListDate').val();//最大可选时间，例：2200-12-31
     var begin = "#beginDate", end = "#endDate";//开始时间选择框、结束时间选择框：文本框
     var endChange = function (val, date) {
         if (date && date.year)
             begindate.config.max = {
                 year: date.year,
                 month: date.month - 1,//必须减1才是正确值
                 date: date.date,
                 hours: date.hours,
                 minutes: date.minutes,
                 seconds: date.seconds
             };
         else {
             var dateInit = new Date(maxListDate.replace(/-/g, "/"));
             begindate.config.max = {
                 year: dateInit.getFullYear(),
                 month: dateInit.getMonth(),
                 date: dateInit.getDate(),
                 hours: dateInit.getHours(),
                 minutes: dateInit.getMinutes(),
                 seconds: dateInit.getSeconds()
             };
         }
     };
     var beginChange = function (val, date) {
         if (date && date.year)
             enddate.config.min = {
                 year: date.year,
                 month: date.month - 1,
                 date: date.date,
                 hours: date.hours,
                 minutes: date.minutes,
                 seconds: date.seconds
             };
         else {
             var dateInit = new Date(minListDate.replace(/-/g, "/"));
             enddate.config.min = {
                 year: dateInit.getFullYear(),
                 month: dateInit.getMonth(),
                 date: dateInit.getDate(),
                 hours: dateInit.getHours(),
                 minutes: dateInit.getMinutes(),
                 seconds: dateInit.getSeconds()
             };
         }
     };
     var enddate = laydate.render({
         elem: end,
         format: 'yyyy-MM-dd',
         min: minListDate,
         max: maxListDate,
         done: endChange
     });
     var begindate = laydate.render({
         elem: begin,
         format: 'yyyy-MM-dd',
         min: minListDate,
         max: maxListDate,
         done: beginChange
     });
 });