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 +23 -25
- package/lib/time-range-picker.es.js +15587 -0
- package/lib/time-range-picker.es.js.map +1 -0
- package/lib/time-range-picker.umd.js +3 -0
- package/lib/time-range-picker.umd.js.map +1 -0
- package/package.json +33 -28
- package/demo/index.vue +0 -106
- package/demo/main.js +0 -14
- package/dist/demo.html +0 -8
- package/dist/time-range-picker.common.js +0 -5681
- package/dist/time-range-picker.common.js.map +0 -1
- package/dist/time-range-picker.umd.js +0 -5681
- package/dist/time-range-picker.umd.js.map +0 -1
- package/dist/time-range-picker.umd.min.js +0 -2
- package/dist/time-range-picker.umd.min.js.map +0 -1
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-
|
|
9
|
+
依赖项:element-plus
|
|
10
10
|
```
|
|
11
11
|
|
|
12
12
|
### 使用
|
|
13
|
+
```js
|
|
14
|
+
// 局部注册
|
|
15
|
+
import TimeRangePicker from 'TimeRangePicker'
|
|
13
16
|
|
|
14
|
-
|
|
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
|
-
|
|
|
28
|
-
|
|
|
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
|
-
|
|
80
|
-
|
|
81
|
-
```
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
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 当前时间
|