MUI的日期起始和结束日期设置

MUI的日期选择器的使用

// 日期选择器

      //生日选择器(不会超过今年)

      function fdPicker1(id) {

           var year=new Date().getFullYear();

          var dtPicker = new mui.DtPicker({

              "type": "date",

              "beginYear":1984,

              "endYear":year,

//区间内的日期

//          "beginDate": new Date(1984,04,02),//设置开始日期  

//          "endDate": new Date(2038,11,31),//设置结束日期    //真正的是10.21

          });

//内容通过ajax铺进去,js加载会有一个先后顺序,给一个延迟加载

          window.setTimeout(function(){

              document.getElementById(id).addEventListener('tap', function() {

                   var $this = $(this);

                   dtPicker.show(function (selectItems) {

                       $this.val(selectItems.value);

                   })

               });

          },600)

      }

      //任务日期选择器(从现在开始)

      function fdPicker(id) {

           var year=new Date().getFullYear();

           console.log(year)

           var  month=new Date().getMonth()+1;

           var day=new Date().getDate();

          var dtPicker = new mui.DtPicker({

              "type": "date",

              "beginYear":year,

              "endYear":2050,

              "beginMonth":month,

              "beginDay":day,

//          "beginDate": new Date(),//设置开始日期  

//          "endDate": new Date(2038,11,31),//设置结束日期    //真正的是10.21

          });

          window.setTimeout(function(){

              document.getElementById(id).addEventListener('tap', function() {

                   var $this = $(this);

                   dtPicker.show(function (selectItems) {

                       $this.val(selectItems.value);

                   })

               });

          },600)

      }

posted @ 2020-09-18 09:35  威武的大萝卜  阅读(995)  评论(0编辑  收藏  举报