el-date-picker 自定义时间
时间: 2024-01-10 11:21:32 浏览: 372
【JavaScript源代码】vue el-date-picker动态限制时间范围案例详解.docx
el-date-picker 是 Element UI 中的一个日期选择器组件,可以用于选择日期和时间。要自定义时间,可以使用 el-date-picker 的 value-format 属性和 picker-options 属性。
1. 使用 value-format 属性自定义时间格式:
```html
<el-date-picker
v-model="date"
value-format="yyyy-MM-dd HH:mm:ss"
></el-date-picker>
```
在上面的例子中,我们将时间格式设置为年-月-日 时:分:秒。
2. 使用 picker-options 属性自定义时间选项:
```html
<el-date-picker
v-model="date"
:picker-options="pickerOptions"
></el-date-picker>
```
在上面的例子中,我们可以通过设置 pickerOptions 对象来自定义时间选项,例如设置可选的时间范围、禁用某些时间等。具体的自定义选项可以参考 Element UI 官方文档。
阅读全文