mui日期选择插件自定义可以选择的结束日期

来源:互联网 发布:啊哈算法2 pdf 编辑:程序博客网 时间:2024/05/17 04:10

这是mui的日期选择的。http://blog.csdn.net/qq_33769914/article/details/73325764

但是他只能自定义开始的年月日。但是结束的如果想限制怎么办?


<button id="btn1">点击我看看自定义开始结束日期</button>  //  任何属性都不用写在下面js里面定义也行


$('#btn1')[0].addEventListener("click",function(){
//                alert(0)
                //规定年月日的选择
                var dtpicker = new mui.DtPicker({
                    type: "Datetime",//设置日历初始视图模式    //真正的月份比写的多一个月。  type的类型你还是可以选择date, datetime month time  hour
                    beginDate: new Date(2016, 04, 02, 0, 0),//设置开始日期   
                    endDate: new Date(2016, 9, 21, 0, 0),//设置结束日期    //真正的是10.21
                    labels: ['年', '月', '日', '时', '分'],//设置默认标签区域提示语
                
                })
                dtpicker.show(function (e) {
                    console.log(e.y.text+"-"+e.m.text+"-"+e.d.text+" "+e.h.text+":"+e.i.text);  //这里是自己拼接的时间
//                    * e.y 年,e.y.text, e.y.value
//                    * e.m 月,e.m.text, e.m.value
//                    * e.d 日,e.d.text, e.d.value
//                    * e.h 时,e.h.text, e.h.value
//                    * e.i 时,e.i.text, e.i.value
                })

    })           


阅读全文
1 0
原创粉丝点击