日期

介绍

基本表单组件，用于用户选择日期。

API

Props

Props 属性

参数	说明	类型	默认值
默认状态	组件的状态, "默认"|"禁用"|"隐藏"|"只读"	string	'default'
标题	组件的标题文案	string	'输入框'
显示标题	是否显示标题	boolean	true
占位提示	组件的无已选值时，显示的展位提示内容	string	-
字段占比	组件宽度在父容器中的占比，"25%"|"50%"|"75%"|"100%"	string	'100%'
数据字段	表单字段名	string	"UPLOADFILE随机八位字符"
选择器类型	选择器类型，"默认（日）"|"周"|"月"|"季度"|"年"	string	'date'
格式	展示日期的格式	string	YYYY-MM-DD
默认值	组件的默认值类型，"自定义"|"公式编辑"	string	'custom'
编辑默认值	组件的默认值配置，支持绑定变量	string	-
允许清除	是否开启允许清除	boolean	false
是否显示选择当前时间按钮	是否开启允许显示	boolean	true
不可选取的日期	禁用某些日期（年、月、日）	(ctx, params) => boolean	-
不可选取的时间	禁用某些时间（时、分、秒）	(ctx, params) => DisabledTimeProps	-

常见场景配置

不可选取的日期示例

以限制用户只能选择当前日期前10天内的日期为例：

function disabledDate(ctx, params) {
  //校验日期是否不可选取，返回布尔值
  let currentIndex = params.current.valueOf();
  // 获取当前日期
  const nowDaysAfter = new Date();
  // 获取前一天的时间戳
  nowDaysAfter.setDate(nowDaysAfter.getDate() - 1);
  const timestampEnd = nowDaysAfter.valueOf();
  // 获取十天前的时间戳
  const tenDaysAgo = new Date();
  tenDaysAgo.setDate(tenDaysAgo.getDate() - 10);
  const timeStart = tenDaysAgo.valueOf();
  if (timestampEnd < currentIndex || timeStart > currentIndex) return true;
  return false;
}