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)
}