vue 移动端使用datepicker.js
这个datepicker.js是我修改过的,支持年,年月,年月日的选择,在我的csdn上1.在main.js 中引入var datePicker =require('./static/js/datePicker.js')vue.use(datePicker)2.在.vue中使用 <mt-field label="请选择日期" v-model="day&
这个datepicker.js是我修改过的,支持年,年月,年月日的选择,在我的csdn上
1.在main.js 中引入
var datePicker =require('./static/js/datePicker.js')
vue.use(datePicker)
2.在.vue中使用
<mt-field label="请选择日期" v-model="day" id="demo1"></mt-field>
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(){/*取消时触发事件*/
}
});
},
}
更多推荐
所有评论(0)