十三、MUI的日期起始和结束日期设置

本文介绍MUI框架中日期选择器的两种使用方法:一是用于选择生日的日期选择器,其范围从1984年到当前年份;二是用于选择任务日期的选择器,范围从当前日期到2050年。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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)

      }

转载于:https://www.cnblogs.com/deng-jie/p/9104310.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值