日期时间选择器

日期时间选择器用于选择日期和时间。

基础用法

const config = {
  type: 'datetime',
  formItem: {
    label: '预约时间'
  },
  datetime: {
    format: 'YYYY-MM-DD HH:mm:ss',
    placeholder: '请选择日期时间',
    showTime: {
      defaultValue: dayjs('00:00:00', 'HH:mm:ss')
    }
  }
}

API

请参考 Ant Design Vue DatePicker

属性	说明	类型	默认值
timestamp	是否使用时间戳	boolean	继承 curdConfig.time.timestamp

示例

<script setup lang="ts">
const columns = [
  {
    title: '预约时间',
    dataIndex: 'appointmentTime',
    edit: {
      type: 'datetime',
      formItem: {
        required: true
      },
      datetime: {
        format: 'YYYY-MM-DD HH:mm:ss',
        placeholder: '请选择预约时间',
        showTime: {
          format: 'HH:mm:ss',
          hourStep: 1,
          minuteStep: 5,
          secondStep: 10,
          defaultValue: dayjs('00:00:00', 'HH:mm:ss')
        },
        timestamp: false
      }
    }
  }
]
</script>