日期选择期显示今日日期并可以选择时间
时间: 2023-11-27 22:24:03 浏览: 118
显示当前时间和日期
好的,您可以使用 ElementUI 的日期时间选择器组件来实现这个需求。以下是一段代码示例:
```html
<template>
<el-date-picker
v-model="date"
type="datetime"
placeholder="请选择"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['00:00:00']"
:clearable="false"
:editable="false"
/>
</template>
<script>
export default {
data() {
return {
date: new Date(),
}
},
}
</script>
```
这里的 `v-model` 绑定了一个 `date` 变量,初始值为当前时间。`type` 属性设置为 `datetime`,表示选择日期和时间。`value-format` 属性设置为 `yyyy-MM-dd HH:mm:ss`,表示选中的日期时间的格式。`default-time` 属性设置为 `['00:00:00']`,表示默认选中的时间为零点。`clearable` 和 `editable` 属性设置为 `false`,表示不能清空和手动输入日期。
通过这样的设置,您就可以实现显示今天日期并且可以选择时间的日期时间选择器了。
阅读全文