elementui el-date-picker

elementui el-date-picker是一个日期选择器组件，可以用于选择单个日期或日期范围。它支持多种日期格式和选项配置，可以根据需要进行自定义。以下是两个el-date-picker的例子：

1.单日期选择

<el-date-picker clearable v-model="form.fillTime" type="date" style="width:100%;" value-format="yyyy-MM-dd" :picker-options="fillTimePickerOptions" placeholder="请选择业务日期"></el-date-picker>

2.日期范围选择

<el-date-picker type="daterange" v-model="value2" value-format="yyyy-MM-dd" :picker-options="exportPickerOptions" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>

相关问题

elementui el-date-picker year

elementui el-date-picker组件中如何只显示年份？

回答：
可以通过设置el-date-picker组件的type属性为'year'来只显示年份，代码如下：

<el-date-picker
  v-model="date"
  type="year"
  placeholder="选择年份">
</el-date-picker>

elementui el-date-picker @blur

根据提供的引用内容，el-date-picker组件没有@blur事件，但是有@change事件，可以在日期选择器值改变时触发。如果需要在失去焦点时触发事件，可以使用原生的blur事件来实现。具体实现方法如下：

<el-date-picker v-model="date" @change="handleChange" @blur="handleBlur"></el-date-picker>

methods: {
  handleChange(value) {
    console.log('日期选择器值改变了', value);
  },
  handleBlur(event) {
    console.log('失去焦点了', event);
  }
}