第39周+《交互设计 - 日期选择框》+林灿业+新学霸社群

写一个非常常用的控件，日期选择框。

一、使用场景

1、多用于需要输入日期时作为选择输入方式，主要作用是快速输入日期及时间，再者就是可以让用户输入的日期更规范，避免输入无效信息；

2、按时间纬度做数据筛选，快速输入时间并进行数据筛选；

二、控件样式

    日期选择框有以下几种选择框，可具体选择到每日、周、月，或者按照开始日期和结束日期选择，如下图示：

具体每一种日期选择框在选择时图示如下：

1、选择日

2、选择周

3、选择月

4、开始结束日期选择框

三、控件状态

1、日期控件禁用状态

整个日期选择框不可以点击，如下图示：

2、日期不可选状态

四、日期显示样式

日期显示样式，一般为以下两种，同个产品定好一个规则，所有用到日期选择期的用户，均按照此样式做展示即可，包含各种操作日志，订单日期等都可以使用该日期显示样式，一般使用“yy-mm-dd”的样式居多。

样式一：2019-09-29   

样式二：2019/09/29

五、默认值设置

1、有默认值：

    单个日期选择框：默认时间一般为当天；

    两个日期选择框：默认时间长度，按照业务情况设定，一般默认结束时间为当前操作日期，开始时间为一周前，或者一个月前；

2、无默认值：日期选择器无默认日期，需要点击后才会有默认日期。