1. 程式人生 > >iview中的DatePicker元件如何只取年份

iview中的DatePicker元件如何只取年份

在這裡插入圖片描述 <DatePicker type=“year” @on-change=“handleChange” format=“yyyy” placeholder=“年份” style=“width: 200px”>

@on-change=“handleChange” 日期發生變化時觸發,handleChange寫在方法中,用來處理獲取的時間值 format=“yyyy” 自帶日期格式化,不用再呼叫外部日期格式化方法 type=“daterange” 顯示型別官網有詳細引數,這裡需要將daterange作為引數傳入handleChange方法中 在這裡插入圖片描述 data() { return { dataValue: null } }, 在這裡插入圖片描述

methods: { handleChange(daterange) { this.dataValue = daterange; } } dataValue: null 用來接受日期選擇器返回的日期,格式為format="yyyy"中的格式 handleChange(daterange) {} 用來處理返回的日期,將選擇器上的daterange賦值給data中dataValue