mirrors/vue2-datepicker
2
0
Fork 0
mirror of https://github.com/tenrok/vue2-datepicker.git synced 2026-06-23 07:10:35 +03:00
Code Activity

docs: add the donate

Browse Source
This commit is contained in:
mengxiong10
2019-05-13 16:25:52 +08:00
parent c6a6300a5c
commit 559e83dde6
2 changed files with 33 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+13 -7
View File
@@ -85,7 +85,7 @@ export default {
|------|--------------|-------|---------| |------|--------------|-------|---------|
| type | select date type | 'date' \| 'datetime' \| 'year' \| 'month' \| 'time' | 'date' | | type | select date type | 'date' \| 'datetime' \| 'year' \| 'month' \| 'time' | 'date' |
| range | if true, the type is daterange or datetimerange | `boolean` | false | | range | if true, the type is daterange or datetimerange | `boolean` | false |
| format | format the Date. The parsing tokens are similar to the moment.js | [token](https://github.com/taylorhakes/fecha#formatting-tokens) \| [`object`](https://github.com/mengxiong10/vue2-datepicker/issues/232#issuecomment-458558141) | 'YYYY-MM-DD' | | format | format the Date. The parsing tokens are similar to the moment.js | [token](https://github.com/taylorhakes/fecha#formatting-tokens) \| [`object`](https://github.com/mengxiong10/vue2-datepicker/issues/232#issuecomment-458558141) | 'YYYY-MM-DD' |
| value-type | type of binding value. If not specified, the binding value will be a Date object | [value-type](#value-type) | 'date' | | value-type | type of binding value. If not specified, the binding value will be a Date object | [value-type](#value-type) | 'date' |
| lang | Translation | [lang](#lang) | 'zh' | | lang | Translation | [lang](#lang) | 'zh' |
| clearable | if false, don't show the clear icon | `boolean` | true | | clearable | if false, don't show the clear icon | `boolean` | true |
@@ -101,7 +101,7 @@ export default {
| not-after | Disable all dates after new Date(not-after) | `string`\|`Date`| '' | | not-after | Disable all dates after new Date(not-after) | `string`\|`Date`| '' |
| disabled-days | Disable Days | `(date) => boolean` | - | | disabled-days | Disable Days | `(date) => boolean` | - |
| shortcuts | the shortcuts for the range picker | [shortcuts](#shortcuts) | true | | shortcuts | the shortcuts for the range picker | [shortcuts](#shortcuts) | true |
| time-picker-options | custom time-picker | [time-picker-options](#time-picker-options) | null | | time-picker-options | custom time-picker | [time-picker-options](#time-picker-options) | null |
| minute-step | if > 0 don't show the second picker | 0 - 60 | 0 | | minute-step | if > 0 don't show the second picker | 0 - 60 | 0 |
| first-day-of-week | set the first day of week | 1 - 7 | 7 | | first-day-of-week | set the first day of week | 1 - 7 | 7 |
| input-class | the input class name | `string` | 'mx-input' | | input-class | the input class name | `string` | 'mx-input' |
@@ -114,7 +114,7 @@ export default {
set the format of binding value set the format of binding value
| Value | Description | | Value | Description |
|-----------------|-------------------------------------------| |-----------------|-------------------------------------------|
| date | binding value will be a Date object | | date | binding value will be a Date object |
| timestamp | binding value will be a timestamp number | | timestamp | binding value will be a timestamp number |
| format | binding value will be the format string | | format | binding value will be the format string |
@@ -138,7 +138,7 @@ Advanced: You can also customize objects to implement two functions.
the shortcuts for the range picker the shortcuts for the range picker
| Value | Description | | Value | Description |
|-----------------|-------------| |-----------------|-------------|
| true | show the default shortcuts | | true | show the default shortcuts |
| false | hide the defaualt shortcuts | | false | hide the defaualt shortcuts |
| [{text: string, onClick: () => any }] | custom shortcuts | | [{text: string, onClick: () => any }] | custom shortcuts |
@@ -167,7 +167,7 @@ custom time-picker
#### panel #### panel
| Value | Description | | Value | Description |
|-------|----------------------| |-------|----------------------|
| NONE | when panel is closed | | NONE | when panel is closed |
| DATE | when panel is date | | DATE | when panel is date |
| YEAR | when panel is year | | YEAR | when panel is year |
@@ -177,16 +177,22 @@ custom time-picker
### Slots ### Slots
| Name | Description | | Name | Description |
|-----------------|--------------------------| |-----------------|--------------------------|
| calendar-icon | custom the calender icon | | calendar-icon | custom the calender icon |
| header | popup header | | header | popup header |
| footer | popup footer | | footer | popup footer |
## ChangeLog ## ChangeLog
[CHANGELOG](CHANGELOG.md) [CHANGELOG](CHANGELOG.md)
## Donate
If you find this project useful, you can buy author a glass of juice
[Paypal Me](https://www.paypal.me/mengxiong10)
## License ## License
[MIT](https://github.com/mengxiong10/vue2-datepicker/blob/master/LICENSE) [MIT](https://github.com/mengxiong10/vue2-datepicker/blob/master/LICENSE)
README.zh-CN.md
+20 -14
View File
@@ -85,7 +85,7 @@ export default {
|------|--------------|-------|---------| |------|--------------|-------|---------|
| type | 选择日期类型 | 'date' \| 'datetime' \| 'year' \| 'month' \| 'time' | 'date' | | type | 选择日期类型 | 'date' \| 'datetime' \| 'year' \| 'month' \| 'time' | 'date' |
| range | 如果是true, 显示日历范围选择 | `boolean` | false | | range | 如果是true, 显示日历范围选择 | `boolean` | false |
| format | 格式化显示日期, 值类似moment.js | [token](https://github.com/taylorhakes/fecha#formatting-tokens) \| [`object`](https://github.com/mengxiong10/vue2-datepicker/issues/232#issuecomment-458558141) | 'YYYY-MM-DD' | | format | 格式化显示日期, 值类似moment.js | [token](https://github.com/taylorhakes/fecha#formatting-tokens) \| [`object`](https://github.com/mengxiong10/vue2-datepicker/issues/232#issuecomment-458558141) | 'YYYY-MM-DD' |
| value-type | 设置绑定值的格式, 默认返回日期对象 | [value-type](#value-type) | 'date' | | value-type | 设置绑定值的格式, 默认返回日期对象 | [value-type](#value-type) | 'date' |
| lang | 选择语言或自定义 | [lang](#lang) | 'zh' | | lang | 选择语言或自定义 | [lang](#lang) | 'zh' |
| clearable | 如果设置false, 不显示清除图标 | `boolean` | true | | clearable | 如果设置false, 不显示清除图标 | `boolean` | true |
@@ -101,7 +101,7 @@ export default {
| not-after | 禁止选择这个时间之前=后的时间 | `string`\|`Date`| '' | | not-after | 禁止选择这个时间之前=后的时间 | `string`\|`Date`| '' |
| disabled-days | 自定义禁止的日期 | `(date) => boolean` | - | | disabled-days | 自定义禁止的日期 | `(date) => boolean` | - |
| shortcuts | 自定义范围选择的时候快捷选项 | [shortcuts](#shortcuts) | true | | shortcuts | 自定义范围选择的时候快捷选项 | [shortcuts](#shortcuts) | true |
| time-picker-options | 自定义时间选择的开始，结束，步进 | [time-picker-options](#time-picker-options) | null | | time-picker-options | 自定义时间选择的开始，结束，步进 | [time-picker-options](#time-picker-options) | null |
| minute-step | 设置分钟的步进， 设置大于0不显示秒的选择(0-60) | 0 - 60 | 0 | | minute-step | 设置分钟的步进， 设置大于0不显示秒的选择(0-60) | 0 - 60 | 0 |
| first-day-of-week | 设置日历星期几开头 | 1 - 7 | 7 | | first-day-of-week | 设置日历星期几开头 | 1 - 7 | 7 |
| input-class | 自定义input元素的类名 | `string` | 'mx-input' | | input-class | 自定义input元素的类名 | `string` | 'mx-input' |
@@ -114,7 +114,7 @@ export default {
设置绑定值的格式 设置绑定值的格式
| 可选值 | 描述 | | 可选值 | 描述 |
|-----------------|-------------------------------------------| |-----------------|-------------------------------------------|
| date | 返回的绑定值是Date对象 | | date | 返回的绑定值是Date对象 |
| timestamp | 返回的绑定值是时间戳数字 | | timestamp | 返回的绑定值是时间戳数字 |
| format | 返回的绑定值是通过`format`属性格式化的值 | | format | 返回的绑定值是通过`format`属性格式化的值 |
@@ -137,7 +137,7 @@ export default {
#### shortcuts #### shortcuts
| 可选值 | 描述 | | 可选值 | 描述 |
|-----------------|-------------| |-----------------|-------------|
| true | 显示默认快捷选择 | | true | 显示默认快捷选择 |
| false | 隐藏默认快捷选择 | | false | 隐藏默认快捷选择 |
| [{text: string, onClick: () => any }] | 自定义快捷选择 | | [{text: string, onClick: () => any }] | 自定义快捷选择 |
@@ -151,14 +151,14 @@ export default {
| () => Array<{ label: string; values: { hours: number; minutes: number } }> | | () => Array<{ label: string; values: { hours: number; minutes: number } }> |
### 事件 ### 事件
| Name | 说明 | 回调参数 | Name | 说明 | 回调参数
|-----------------|----------------------------- |---------------- |-----------------|----------------------------- |----------------
| change | 日期改变的时候触发 | 选择的日期 | change | 日期改变的时候触发 | 选择的日期
| input | 日期改变的时候触发 | 选择的日期 | input | 日期改变的时候触发 | 选择的日期
| confirm | 点击确认按钮触发的事件 | 选择的日期 | confirm | 点击确认按钮触发的事件 | 选择的日期
| clear | 清空时候触发 | | clear | 清空时候触发 |
| input-error | 当用户输入的值无效时候触发 | 用户输入的字符串 | input-error | 当用户输入的值无效时候触发 | 用户输入的字符串
| panel-change | 切换面板时触发 | [panel](#panel), [oldPanel](#panel) | panel-change | 切换面板时触发 | [panel](#panel), [oldPanel](#panel)
| calendar-change | 日历的年或月改变时触发 | 当前日历时间，过去日历时间 | calendar-change | 日历的年或月改变时触发 | 当前日历时间，过去日历时间
| focus | 当输入框获得焦点 | | focus | 当输入框获得焦点 |
| blur | 当输入框失去焦点 | | blur | 当输入框失去焦点 |
@@ -166,7 +166,7 @@ export default {
#### panel #### panel
| 值 | 描述 | | 值 | 描述 |
|-------|----------------------| |-------|----------------------|
| NONE | 当面板关闭时的值 | | NONE | 当面板关闭时的值 |
| DATE | 当面板是日期选择时的值 | | DATE | 当面板是日期选择时的值 |
| YEAR | 当面板是年选择时的值 | | YEAR | 当面板是年选择时的值 |
@@ -176,15 +176,21 @@ export default {
### Slots ### Slots
| 名称 | 描述 | | 名称 | 描述 |
|-----------------|--------------------------| |-----------------|--------------------------|
| calendar-icon | 图标自定义 | | calendar-icon | 图标自定义 |
| header | 日历头部自定义 | | header | 日历头部自定义 |
| footer | 日历尾部自定义 | | footer | 日历尾部自定义 |
## 日志 ## 日志
[CHANGELOG](CHANGELOG.md) [CHANGELOG](CHANGELOG.md)
## 捐赠
如果这个项目帮到了你, 你可以请作者喝杯果汁
[Paypal Me](https://www.paypal.me/mengxiong10)
## 许可证 ## 许可证