mint-ui 引入日期时间选择器Datetime picker

mint-ui日期时间选择器，支持自定义类型。
上一篇：mint-ui 单选列表Radio以及多选列表Checklist的引入

html部分：

<mt-cell title="上班时间">
        <mt-button type="primary"  size="small" v-on:click="openPicker">{{pickerValue}}</mt-button>
    </mt-cell>
    <mt-cell title="下班时间">
        <mt-button type="primary"  size="small" v-on:click="openPickerT">{{pickerValueT}}</mt-button>
    </mt-cell>

js部分：

    new Vue({
        el: '#app',
        data: function() {
            return {
                pickerValue:'09:00',
                pickerValueT:'18:00'
            }
        },
        methods: {
            openPicker() {
                this.$refs.WorkShift.open();
            },
            openPickerT() {
                this.$refs.ClosingTime.open();
            }
        }
    })

注：自行引入vue对应的组件

猜你感兴趣：
6步实现微信小程序获取群排名与群openGid
微信小程序引入Vant组件库
微信小程序云函数获取时间相差8小时
mint-ui 单选列表Radio以及多选列表Checklist的引入
微信小程序引入echarts图表
微信小程序给echarts图表动态赋值
微信小程序云开发入门（一）
微信小程序之滑动果冻效果