vue 移动端使用日期插件datepicker.js

声明：插件源码 https://blog.csdn.net/liangmengbk/article/details/88304208

使用方法：

1.在route文件夹的index.js中引入(文件放在static文件夹中)

import datePicker from "../../static/datePicker.js"
Vue.use(datePicker)

2.在.vue中使用

 <div label="请选择日期"  v-model="day" id="demo1"></div>

day 参数需要在data中声明

3.在js中使用

  mounted(){
        this.useDate()

    },

    methods: {
            useDate(){
                var calendar = new datePicker();
                calendar.init({
                    'trigger': '#demo1', /*按钮选择器，用于触发弹出插件*/
                    'type': 'date',/*模式：date日期；datetime日期时间；time时间；ym年月；year:年*/
                    'minDate':'1900-1-1',/*最小日期*/
                    'maxDate':'2100-12-31',/*最大日期*/
                    'onSubmit':function(){/*确认时触发事件*/
                        var theSelectData=calendar.value;
                    },
                    'onClose':function(){/*取消时触发事件*/
                    }
                });

            },

}

本文转自：https://blog.csdn.net/jingxian_li/article/details/80015651