You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.7 KiB
30 lines
1.7 KiB
1 year ago
|
### 组件说明
|
||
|
|
* 日期时间选择器
|
||
|
|
* 组件的默认日期有效期范围为："1970-01-01 00:00" - "2300-01-01 00:00"。
|
||
|
|
* 注意：如果您传递的日期有效范围的结束日期小于开始日期，则日期有效范围的结束日期会自动修正为开始日期+300年，比如，您传递的日期有效范围的开始日期为 "2020-11-11 18:30"，
|
||
|
|
* 结束日期为 "2018-11-11 18:30"，则此时将会自动修正结束日期为 "2320-11-11 18:30"。
|
||
|
|
* 注意：如果您传递的默认值不在日期有效范围内，则会自动修正默认值为当前日期时间，如果当前日期时间也不在日期有效范围内，则会再次修正为日期有效范围的开始日期。
|
||
|
|
* 注意：该组件用到了我自己封装的 utils.js，位置在 '@/common/js/utils.js'。
|
||
|
|
|
||
|
|
|
||
|
|
### 插件 props 属性
|
||
|
|
* disabled: 是否禁用该组件？Boolean类型；
|
||
|
|
* placeholder: 组件没有选中值时显示的内容，String类型；
|
||
|
|
* start: 表示有效日期时间范围的开始，String类型，格式为 "YYYY-MM-DD hh:mm"；
|
||
|
|
* end: 表示有效日期时间范围的结束，String类型，格式必为 "YYYY-MM-DD hh:mm"；
|
||
|
|
* fields: 选择器的粒度，String类型，有效值为 year、month、day、hour、minute；
|
||
|
|
* defaultValue: 默认值，String类型，格式为 "YYYY-MM-DD hh:mm"；
|
||
|
|
|
||
|
|
### 插件事件
|
||
|
|
- change(date)：选择日期时间后的回调事件。
|
||
|
|
* date.YYYY: 年；
|
||
|
|
* date.M: 月；
|
||
|
|
* date.MM: 月（补0）；
|
||
|
|
* date.D: 日；
|
||
|
|
* date.DD: 日（补0）；
|
||
|
|
* date.h: 时；
|
||
|
|
* date.hh: 时（补0）；
|
||
|
|
* date.m: 分；
|
||
|
|
* date.mm: 分（补0）；
|
||
|
|
* date.dt: Date对象；
|
||
|
|
* ... 还有一些其他的字段，具体看返回值吧！
|