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/liangmengbk/article/details/88301810