vue2.0 日期选择组件
一、点击文本框,选择日期,把日期赋值到文本框中。二、日期组件使用1、安装vue2-datepicknpm install vue2-datepick --save2、初始化,在main.js中加入以下:import Calendar from 'vue2-datepick';Vue.use(Calendar);3、使用<template>&l...
·
一、点击文本框,选择日期,把日期赋值到文本框中。
二、日期组件使用
1、安装vue2-datepick
npm install vue2-datepick --save
2、初始化,在main.js中加入以下:
import Calendar from 'vue2-datepick'; Vue.use(Calendar);
3、使用
<template>
<div>
<h5>截止时间:</h5>
<input type="text" @click = "setDate" v-bind:value="date" placeholder="请选择截止时间..."/>
</div>
</template>
<script>
export default{
data () {
return {
date:''
}
},
methods:{
setDate(){
this.$picker.show({
type:'datePicker',
onOk: (date) =>{
this.date = date
}
});
}
}
}
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)