配置说明:

参数 类型 必须 默认 说明
type string Y 可选值:year、month、date、time、datetime
grid Array N 栅格布局
name string Y 字段名称
title string Y 标题
value string N 定义默认值
tips string N 提示说明
attrs array N 自定义属性
attrs[‘data-options’] array N 日期和时间控件基础配置
attrs[‘lay-verify’] string N 验证规则,可选规则:required(必填项)
attrs[‘data-options’][‘range’] string/bool N 范围选择,如果设置 true,将默认采用 “ - ” 分割。 你也可以直接设置 分割字符
attrs[‘data-options’][‘format’] string N yyyy-MM-dd 详见下面自定义格式
attrs[‘data-options’][‘min’] string N 1900-1-1 定义可选最小日期时间值
attrs[‘data-options’][‘max’] string N 2099-12-31 定义可选最大日期时间值
attrs[‘data-options’][‘show’] bool N false 默认显示,如果设置: true,则控件默认显示在绑定元素的区域。通常用于外部事件调用控件
attrs[‘data-options’][‘position’] string N absolute 定位方式,可选值:abolute、fixed、static
attrs[‘data-options’][‘theme’] string N default 主题定义,可选值:default(默认简约)、molv(墨绿背景)、#颜色值(自定义颜色背景)、grid(格子主题)
attrs[‘data-options’][‘calendar’] bool N false 是否显示公历节日

自定义格式(format)

格式符 说明
yyyy 年份,至少四位数。如果不足四位,则前面补零
y 年份,不限制位数,即不管年份多少位,前面均不补零
MM 月份,至少两位数。如果不足两位,则前面补零。
M 月份,允许一位数。
dd 日期,至少两位数。如果不足两位,则前面补零。
d 日期,允许一位数。
HH 小时,至少两位数。如果不足两位,则前面补零。
H 小时,允许一位数。
mm 分钟,至少两位数。如果不足两位,则前面补零。
m 分钟,允许一位数。
ss 秒数,至少两位数。如果不足两位,则前面补零。
s 秒数,允许一位数。

示例代码:

  1. public function demo()
  2. {
  3. $assign['buildForm']['items'] = [
  4. [
  5. 'type' => 'date',
  6. 'title' => '时间范围',
  7. 'name' => 'datetime',
  8. 'attrs' => [
  9. 'data-options' => [
  10. 'range' => true,
  11. ],
  12. ],
  13. ],
  14. // 更多表单项.....
  15. ];
  16. return $this->assign($assign)->fetch();
  17. }

渲染效果:

image.png