日期选择器

示例

依赖关系

日期选择器的“日期选择面板”中包含了一个“月历” Widget，因此在使用日期选择器时，还要引入月历的解析器。

选择日期

日期选择器仍是一个表单控件（INPUT[type=text]），可对其进行的操作如下：

• 点击本控件即可弹出日期选择面板。
• 点击一个可选范围内的日期，即可将该日期作为选定值填入本控件。
• 如果本控件已有选定值，点击“清除”按钮可以清除该选定值。
• 如果今天在可选日期范围内，点击“今天”按钮即可将今天的日期作为选定值填入本控件。
• 支持滚轮翻月，Shift + 滚轮翻年。

本例新建了一个日期选择器：

可选日期范围

可以通过配置 data-min-date 和 data-max-date 来限定可选日期的范围。

固定限定

本例在上例的基础上，将配置项 data-min-date 设置为 '2010-09-10'，data-max-date 设置为 '2012-10-20'：

动态限定

本例在上例的基础上，使用脚本自动将配置项 data-min-date 和 data-max-date 设置为本周的日期范围内：