time-range-picker 0.1.28 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -6,12 +6,20 @@
6
6
  yarn add time-range-picker
7
7
  npm i time-range-picker
8
8
 
9
- 依赖项:element-ui
9
+ 依赖项:element-plus
10
10
  ```
11
11
 
12
12
  ### 使用
13
+ ```js
14
+ // 局部注册
15
+ import TimeRangePicker from 'TimeRangePicker'
13
16
 
14
- `<TimeRangePicker :start.sync="time.start" :end.sync="time.end" />`
17
+ // 全局注册
18
+ import TimeRangePicker from 'TimeRangePicker'
19
+ Vue.use(TimeRangePicker)
20
+
21
+ // 使用
22
+ <TimeRangePicker v-model:start="time.start" v-model:end="time.end" />
15
23
 
16
24
  ### 参数
17
25
 
@@ -24,10 +32,8 @@ npm i time-range-picker
24
32
  | value-format | 值类型 | String | 见下方说明 3 | |
25
33
  | disabled | 是否禁用 | Boolean | | false |
26
34
  | size | 组件大小 | String | large medium small mini | medium |
27
- | defaultDate(即将弃用) | 设置默认时间,可以选择设置是当前年范围还是月范围 | String, Array | 见下方说明 5 | '' |
28
- | pickerOptions | 附加参数 | Object | 见下方说明 4 | {start: '00:00',step: '00:60',end: '23:00'}|
29
- | clearable | 是否显示清除按钮 | Boolean | | true |
30
-
35
+ | pickerOptions | 附加参数 | Object | 见下方说明 4 | {start: '00:00',step: '00:60',end: '23:00'} |
36
+ | clearable | 是否显示清除按钮 | Boolean | | true |
31
37
 
32
38
  ### 说明 1(type 可选项)
33
39
 
@@ -76,23 +82,15 @@ startDisabledDate(time, start, end) 开始时间限制方法 (date date-time 有
76
82
  endDisabledDate(time, start, end) 结束时间限制方法 (date date-time 有效,同原生disabledDate方法, 后面的第二和第三个参数是开始时间和结束时间)
77
83
  ```
78
84
 
79
- ### 说明 5 (defaultDate 即将弃用) 设置默认值
80
-
81
- ```
82
- thisYear 本年第一天今天
83
- thisMonth 本月第一天到今天
84
- pastOneYear 近一年
85
- pastOneMonth 近一月
86
-
87
- 其他: 可以直接设置为一个数组,数组第一位和第二位对应start和end
88
-
89
- 注意:如果需要点击表单重置时,恢复到默认设置的值,需要设置默认值为null或undefined
85
+ #### 组件默认导出了常见的几个时间:
86
+
87
+ ```ts
88
+ interface CommonDate {
89
+ currentYear: string[], 本年第一天到今天
90
+ currentMonth: string[], 本月第一天到今天
91
+ currentDay: string[], 本日0点到23点
92
+ pastOneYear: string[], 近一年
93
+ pastOneMonth: string[], 近一月
94
+ nowDate: string, 当前时间
95
+ }
90
96
  ```
91
-
92
- #### 注意:现已升级,设置默认时间可不用 defaultDate 设置,直接给 start 和 end 设置即可,组件默认导出了常见的几个时间:
93
-
94
- - currentYear 本年第一天到今天
95
- - currentMonth 本月第一天到今天
96
- - pastOneYear 近一年
97
- - pastOneMonth 近一月
98
- - nowDate 当前时间