# 日期、时间选择器 ## 效果预览 ![](https://img.kancloud.cn/a7/97/a797228b6e71188e5b1c424ff3b0c244_258x191.png) ## 日期选择器 ### 如何配置成可选择时间 日期选择器默认只能选择日期,不能选择时间,若想选择时间,可以将`显示类型`改为`datetime` ![](https://img.kancloud.cn/e7/b5/e7b520fbbbd5d57bfa77cf9f2ccda017_239x82.png) 然后将格式改为`yyyy-MM-dd HH:mm:ss` ![](https://img.kancloud.cn/cc/8c/cc8cf5b4d105e6c70b1786b11ffe83b4_281x86.png) 既可选择日期和时间 ![](https://img.kancloud.cn/8a/5a/8a5ae48a88027e3bdbeb5ef571b161f7_269x98.png) ### 如何默认为当前日期时间 日期选择器的默认值有两种方式,一种是固定的`选择值`,还有一种是`输入值`。 如果要做到默认为当前日期,可以将默认值改为`输入值`,然后输入上下文变量 `{{sysDate}}` 即可 ![](https://img.kancloud.cn/ff/35/ff3552c7223ac8c54d2cbf71369a3cd7_279x297.png) 显示效果: ![](https://img.kancloud.cn/d5/dd/d5ddac9827b7a0624d08a9b4103920d6_399x110.png) 如果要做到默认为当前日期时间,可以参考下图的配置,用到了上下文变量:`{{sysDate}} {{sysTime}}` ![](https://img.kancloud.cn/a4/6d/a46d7f83a01391d9383ae83f1192e6cf_298x331.png) 显示效果: ![](https://img.kancloud.cn/ee/01/ee01a51f66fc7888e536385e8ef21dd8_340x138.png) ## 时间选择器 时间选择器只能选择时间