日期选择器

依赖

Vue 2.6.14+

Element-UI 2.15.8+

安装

npm install @mypandora/element-datepicker

属性、事件、方法

兼容 element-ui datepicker 的所有属性、事件、方法

扩展之处

1. 支持半年度选择

2. 支持季度选择

3. 支持旬选择

日期格式

使用format指定输入框的格式；使用value-format指定绑定值的格式。

默认情况下，组件接受并返回Date对象。以下为可用的格式化字符串，以 UTC 2017年1月2日 03:04:05 为例：

:::warning 请注意大小写 :::

| 格式 | 含义 | 备注 | 举例 | |------|------|------|------| | yyyy | 年 | | 2017 | | BB | 半年 | 仅半年选择器的 value-format 可用；使用 01, 02 表示| 201701| | B | 半年 | 仅半年选择器的 format 可用，使用上半年、下半年表示 | 2017上半年| | QQ | 季度 | 仅季度选择器的 value-format 可用；使用 01, 02, 03, 04 表示| 201701| | Q | 季度 | 仅季度选择器的 format 可用，使用第一季度、第二季度、第三季度、第四季度表示 | 2017第一季度| | TT | 旬 | 仅旬选择器的 value-format 可用；使用 01, 02, 03 表示| 20170101| | T | 旬 | 仅旬选择器的 format 可用，使用上旬、中旬、下旬表示 | 2017年01月上旬| | M | 月 | 不补0 | 1 | | MM | 月 | | 01 | | W | 周 | 仅周选择器的 format 可用；不补0 | 1 | | WW | 周 | 仅周选择器的 format 可用 | 01 | | d | 日 | 不补0 | 2 | | dd | 日 | | 02 | | H | 小时 | 24小时制；不补0 | 3 | | HH | 小时 | 24小时制 | 03 | | h | 小时 | 12小时制，须和 A 或 a 使用；不补0 | 3 | | hh | 小时 | 12小时制，须和 A 或 a 使用 | 03 | | m | 分钟 | 不补0 | 4 | | mm | 分钟 | | 04 | | s | 秒 | 不补0 | 5 | | ss | 秒 | | 05 | | A | AM/PM | 仅 format 可用，大写 | AM | | a | am/pm | 仅 format 可用，小写 | am | | timestamp | JS时间戳 | 仅 value-format 可用；组件绑定值为number类型 | 1483326245000 | | [MM] | 不需要格式化字符 | 使用方括号标识不需要格式化的字符 (如 [A] [MM]) | MM |

:::

Attributes

| 参数 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------------- |---------- |-------------------------------- |-------- | | type | 显示类型 | string | year/halfyear/quarter/month/tenday/date/dates/tendays/months/quarters/halfyears/years week/datetime/datetimerange/ daterange/monthrange | date |