配置说明:
参数 |
类型 |
必须 |
默认 |
说明 |
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 |
秒数,允许一位数。 |
示例代码:
public function demo()
{
$assign['buildForm']['items'] = [
[
'type' => 'date',
'title' => '时间范围',
'name' => 'datetime',
'attrs' => [
'data-options' => [
'range' => true,
],
],
],
// 更多表单项.....
];
return $this->assign($assign)->fetch();
}
渲染效果: