前言
一般来讲,日期选择器会出现在预约类的APP中,比如酒店预约、旅游预约、图书预约等等,而实现的方式也有许多种,笔者最近在学习MUI了,觉得该小技巧挺不错的,所以做此笔记希望能够对大家有所帮助。
实现的效果
时间选择器
mui.DtPicker({
type:'date'
});
type | 描述 |
---|---|
'datetime' | 完整日期视图(年月日时分) |
'date' | 年视图(年月日) |
'time' | 时间视图(时分) |
'month' | 月视图(年月) |
'hour' | 时视图(年月日时) |
显示日期选择器
dtpicker.show(function(e) {
console.log(e);
})
注:dtpicker = mui.DtPicker({ type:'date'});