1 <DatePicker v-model="value_data" type="year" @on-change="handle_dp_change" format="yyyy" placegolder="年份" style="width: 200px"> 2 </DatePicker>
@on-change=“handle_dp_change” 日期发生变化时触发,handle_dp_change写在方法中,用来处理获取的时间值
format=“yyyy” 自带日期格式化,不用再调用外部日期格式化方法
type=“year” 显示类型官网有详细参数,这里需要将year作为参数传入handleChange方法中
1 data() { 2 return { 3 value_date: null 4 } 5 },
1 methods: { 2 handleChange(year) { 3 this.value_date= year; 4 } 5 }
value_date: null 用来接受日期选择器返回的日期,格式为format="yyyy"中的格式
handle_dp_change(daterange) {} 用来处理返回的日期,将选择器上的daterange赋值给data中value_date