el-date-picker 显示字符串
时间: 2024-08-24 13:00:39 浏览: 103
【JavaScript源代码】vue el-date-picker动态限制时间范围案例详解.docx
`el-date-picker` 是 Element UI 提供的一个用于选择日期和时间的组件。如果你想让它显示字符串,通常是在获取到日期值之后将其格式化为指定的字符串形式。Element UI 的日期选择器本身并不直接提供显示字符串的功能,但你可以通过它的 `format` 或者 `value-format` 属性来定制返回的日期格式。
例如,在模板中设置 `format`:
```html
<el-date-picker v-model="date" :format="dateFormat"></el-date-picker>
```
然后在你的数据对象中存储一个日期对象 (`date`),在 `dateFormat` 中定义你想显示的字符串格式,比如 `"yyyy-MM-dd"` 或 `"YYYY/MM/DD"`。
如果你想在点击按钮等事件触发时转换成字符串,可以这样做:
```javascript
methods: {
formatDate(date) {
return date.format('yyyy-MM-dd');
}
}
```
当需要显示日期时,调用 `formatDate` 函数即可。
阅读全文