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

最新推荐文章于 2021-04-15 11:03:50 发布

西虹市大陆

最新推荐文章于 2021-04-15 11:03:50 发布

阅读量1k

点赞数

分类专栏： H5 文章标签： vue.js html5 html javascript 前端

本文链接：https://blog.csdn.net/qq_24468953/article/details/103910231

版权

H5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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