写一个非常常用的控件，日期选择框。
一、使用场景
1、多用于需要输入日期时作为选择输入方式，主要作用是快速输入日期及时间，再者就是可以让用户输入的日期更规范，避免输入无效信息；
2、按时间纬度做数据筛选，快速输入时间并进行数据筛选；
二、控件样式
日期选择框有以下几种选择框，可具体选择到每日、周、月，或者按照开始日期和结束日期选择，如下图示：
具体每一种日期选择框在选择时图示如下：
1、选择日
2、选择周
3、选择月
4、开始结束日期选择框
三、控件状态
1、日期控件禁用状态
整个日期选择框不可以点击，如下图示：
2、日期不可选状态
四、日期显示样式
日期显示样式，一般为以下两种，同个产品定好一个规则，所有用到日期选择期的用户，均按照此样式做展示即可，包含各种操作日志，订单日期等都可以使用该日期显示样式，一般使用“yy-mm-dd”的样式居多。
样式一：2019-09-29
样式二：2019/09/29
五、默认值设置
1、有默认值：
单个日期选择框：默认时间一般为当天；
两个日期选择框：默认时间长度，按照业务情况设定，一般默认结束时间为当前操作日期，开始时间为一周前，或者一个月前；
2、无默认值：日期选择器无默认日期，需要点击后才会有默认日期。
网友评论