日期选择器

概述

在弹出面板上选择日期，支持年、月、周、日类型，可以方便地选择一个符合要求的、格式化的日期（时间）或日期（时间）范围。

基本用法

① 输入框：触发器，点击激活选择面板

② 年月切换：在面板头部区域可以进行年月切换

③ 选择面板：在面板中选择日期

④ 快捷选择（可选）：可根据业务场景放置快捷选项的预设值

选择年份

常规、Hover、激活、选中、失焦、不可用、选择后Hover：显示清除按钮，点击清除清除所选，恢复至未选常规状态 蓝色选中为当前所在年份。左箭头点击往前切换12个年选项，右箭头左箭头点击往后切换12个年选项；年份默认展示当前年份，选中则显示选中的年份。

选择季度

常规、Hover、激活、选中、失焦、不可用、选择后Hover：显示清除按钮，点击清除清除所选，恢复至未选常规状态 蓝色选中为当前所在季度。左箭头点击往前切换上一年，右箭头左箭头点击往后下一年；

选择月份

常规、Hover、激活、选中、失焦、不可用、选择后Hover：显示清除按钮，点击清除清除所选，恢复至未选常规状态 蓝色选中为当前所在月份。左箭头点击往前切换上一年，右箭头左箭头点击往后下一年；

选择日历

常规、Hover、激活、选中、失焦、不可用、选择后Hover：显示清除按钮，点击清除清除所选，恢复至未选常规状态 蓝色选中为当前所在日期。左双箭头点击往前切换上一年，右双箭头左箭头点击往后下一年。左箭头点击往前切换上一月，右箭头左箭头点击往后下一月。

选择自然周

常规、Hover、激活、选中、失焦、不可用、选择后Hover：显示清除按钮，点击清除清除所选，恢复至未选常规状态 点击选中一整个自然周。左双箭头点击往前切换上一年，右双箭头左箭头点击往后下一年。左箭头点击往前切换上一月，右箭头左箭头点击往后下一月。

选择日期区间

常规、Hover、激活、选中、失焦、不可用、选择后Hover：显示清除按钮，点击清除清除所选，恢复至未选常规状态。 蓝色选中为当前所在日期。左双箭头点击往前切换上一年，右双箭头左箭头点击往后下一年。左箭头点击往前切换上一月，右箭头左箭头点击往后下一月。点击今天直接选择当前日期； 结束时间不可选开始时间之前的时间。

日期时间选择

常规、Hover、激活、选中、失焦、不可用、选择后Hover：显示清除按钮，点击清除清除所选，恢复至未选常规状态。 时间选择器默认00:00:00，交互形式参考日期选择器和时间选择器。

日期快捷操作

在特定场景中，需要跨日，周，月，季、年的快捷操作，以满足日常业务需求。有快速定位就快速定位，无快速定位可切换操作面板，手动选择年月日。

其他样式延展

大、中、小三种尺寸

遵循输入框的规范设置三挡尺寸

无边框样式