日期时间选择器

日期时间选择器是几个组件的综合运用，包括页面弹出框 Popup，日历 Calendar 和数字时钟 Clock 三个组件。

日期时间选择框支持以上两种形式，一种是输入框形式，INPUT 输入框type属性要设置为datetime（区别于原生属性值datetime-local），另一种是文本标签 SPAN 形式。输入框形式可以使用在表单中，可以使用 INPUT 标签扩展的各种验证功能，但不可手工输入值。

见下面示例：

如上例，选择器表现为一个文本框，右面显示一个日历图标，点击图标会显示选择对话框，选择日期时间后，点击“确定”按钮会更新文本框的值。

可用的属性有：

• title 弹出框的标题栏内容，默认空。
• tip 弹出框的详细提示文字，默认空。
• calendar-{attr} 日历属性设置，可设置 Calendar 日历组件相关的属性，必须以calendar-开头，比如calendar-week-names="一,二,三,四,五,六,日"，这里日历组件的mode属性无效。
• clock-{attr} 数字时钟属性设置，可设置 Clock 数字时钟组件相关的属性，必须以clock-开头，比如clock-minute-interval="10"。
• popup-{attr} 弹出框属性设置，可设置 Popup 弹出框组件相关的属性。日期时间选择器在

可用的事件只有一个，但其他 INPUT 或 SPAN 原生事件均支持：

或

日期时间选择器相关文件有：

参考链接

• 日期时间类 DateTime
• Calendar 日历组件
• Clock 文件时钟
• Popup 弹出框
• Express 字符串