Element DateTimePicker日期时间选择器

最新推荐文章于 2024-08-08 17:19:33 发布

木木木又又

最新推荐文章于 2024-08-08 17:19:33 发布

阅读量4.1k

点赞数 1

分类专栏： Element

本文链接：https://blog.csdn.net/hss0123456789/article/details/105600004

版权

本文介绍了Element UI中DateTimePicker组件的使用方法，包括设置默认时间、自定义时间范围、快捷选项以及验证规则。例如，可以设置default-time为['12:00:00', '08:00:00']来设定日期时间范围的默认值，通过pickerOptions配置禁用日期和时间，同时提供了大于当前时间且开始时间小于结束时间的验证规则。" 133167258,19991335,YOLOv与高效多尺度注意力：提升计算机视觉目标检测,"['计算机视觉', '深度学习', '目标检测', 'YOLOv', '注意力机制']

摘要由CSDN通过智能技术生成

1.DateTimePicker 默认时间为00:00:00 可以设置通过设置default-time值来更改默认时间

default-time 也可以设置时间段

示例：

<span class="demonstration">起始日期时刻为 12:00:00，结束日期时刻为 08:00:00</span>

<el-date-picker v-model="value2" type="datetimerange" align="right" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['12:00:00', '08:00:00']"> </el-date-picker>

</div>

2.value-format可选，绑定值的格式。不指定则绑定值为 Date 对象

3.Picker Options

参数	说明	类型	可选值	默认值
shortcuts	设置快捷选项，需要传入 { text, onClick } 对象用法参考 demo 或下表	Object[]	—	—
disabledDate	设置禁用状态，参数为当前日期，要求返回 Boo