一、点击文本框,选择日期,把日期赋值到文本框中。

二、日期组件使用

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>

​

 

Logo

前往低代码交流专区

更多推荐