本组件用于输入日期时间。其中,常规属性在其他输入框组件中都有:
不同的是,本组件多了些“扩展属性”:
请注意,本组件常规属性中的“禁止手工输入”选项,只能禁止用户手工输入日期,但仍然是可以选择的,只不过是只能以选择方式输入而已。如要完全禁止任何形式的输入,则要勾选扩展属性中的“禁止任何形式的编辑修改”选项。除此以外,本组件还有墨绿、格子、自定义颜色等主题。当使用自定义颜色时,只能是十六进制的颜色代码(也就是以#号开头的颜色代码)。以下就是默认参数配置的页面效果:
日期组件有5种输入类型,除了默认的日期之外,另外最常用的就是日期时间。其他三种“年份、年份及月份、时间”一般仅用在数据查询的条件设置中:
当输入类型选择为“日期时间”时,弹出的选择窗口左下角将多一个选择时间的选项,这样就可以同时输入日期和时间了:
如果同时勾选“启用范围选择”,则表示可以同时输入起止日期。注意,此选项仅在设计查询表单中使用,常规的数据添加或修改时不要勾选此项目,否则数据将没办法正常提交。
针对不同的日期时间输入类型,“启用范围选择”后的输入方式是不一样的。例如,下图就是“日期时间”输入类型的范围选择效果:
当启用范围选择之后,如果你要选择的是同一天中的不同时间范围,要点击两次日期,然后再选择时间范围。
再如,以下是输入类型为“年份及月份”的范围选择输入效果:
当你在查询表单中使用这样的日期范围时,服务器端自动会按照此条件,查询得到2021年7月到2021年8月之间的数据。