Date

基础用法

Sun	Mon	Tue	Wed	Thu	Fri	Sat
26	27	28	29	30	31	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5

<template>
  <ai-form ref="formEl" :model="formInfo" :formConfig="formConfig"></ai-form>
</template>

<script setup>
import { reactive, computed } from 'vue'

const formInfo = reactive({
  createTime: '',
})

const formConfig = computed(() => {
  return [
    {
      key: 'createTime',
      label: '创建时间',
      type: 'date',
      model: 'createTime',
      prop: 'createTime',
      required: true,
      dateType: 'date'
    },
  ]
})
</script>

Props

属性	说明	类型	默认值
type	`date`	`string`	-
key	配置列表唯一标识	`string`	-
label	标签文本	`string`	-
model	属性名，它可以是属性的路径（如`a.b.0`）也可以是一个方法，返回属性路径，该属性是必填的	`string`/`Function`	-
prop	一般和属性名保持一致，在使用了`validate`、`resetFields`的方法时，该属性是必填的	`string`/`Function`	-
width	宽度（1-24）	`number`	`12`
noneLabel	是否隐藏标签	`boolean`	`false`
placeholder	输入框占位文本	`string`	-
disabled	是否禁用	`boolean`/`Function`	`false`
size	输入框尺寸	`string`	-
required	是否必填	`boolean`	`false`
readonly	只读	`boolean`	`false`
startPlaceholder	开始时间框占位文本	`string`	-
endPlaceholder	结束时间框占位文本	`string`	-
dateType	时间类型	`string`	`date`
teleported	弹层是否使用`teleport`	`boolean`	`true`
defaultValue	可选，选择器打开时默认显示的时间	`object`	-
defaultTime	范围选择时选中日期所使用的当日内具体时刻	`object`	-
format	显示在输入框中的格式	`string`	`YYYY-MM-DD`
valueFormat	可选，绑定值的格式。不指定则绑定值为 Date 对象	`object`	-
disabledDate	一个用来判断该日期是否被禁用的函数，应该返回一个`Boolean`值	`Function`	-
clearable	是否显示清除按钮	`boolean`	`false`
shortcuts	设置快捷选项，需要传入数组对象	`array`	`[]`
showErrorTooltip	是否展示错误提示	`boolean`	`true`
changeFun	当绑定值变化时触发的回调函数	`Function`	-
showFun	是否展示的判断函数，返回一个`boolean`值	`Function`	-

Date ​

基础用法 ​

Props ​

Date

基础用法

Props