js时间控件控制可选日期_怎样设计一个更好用的日期选择器？

♝点击上方“交互设计学堂”关注我们,送电子书

---

日期选择控件(选择器)是让用户在应用中选择(填入)日期或时间的一类控件，尤其是在B端产品中非常常见。这个控件看似简单，但它的易用性也容易被忽略。碰到需要这个功能时，很多开发者(当然也包括设计师)立即会说，“网上有那么多酷炫的选择器，而且都是开源的，我们找一个合适的就行了，我们没有必要为这个浪费时间……”但是，一切并没有那么简单。大多开源的选择器，要么丑陋不堪(大多源自好几年前的xp时代设计风格)，要么异常难用(很多都是来源于后台公工具类应用，通用但远远不够好用)；当然，还有一些选择器看似很酷且富有个性，但往往与我们产品的规范格格不入。

我并不是强调每次我们都要重新“造轮子”，只是想说，日期选择器的设计，同样要考虑很多的易用性问题。无论是选择已有开源控件或是在其基础上改进，亦或是完全重新设计一个酷炫的个性化样式，在易用性上有一些原则和建议，可以帮助我们创造更好的产品使用体验。

1、默认选中项：应该有一个合适的默认值<