Appearance

DevDatePicker 日期选择 ​

主要功能 ​

当前组件基于 el-date-picker 封装，新增功能相对简单，主要是解决 el-date-picker 组件在时间区间时绑定的值是个数组， 但很多时候我们提交给后端的时候是两个字段，比如 开始时间 结束时间 ，在回显的时候我们又需要把这两个参数重新拼接在一起，虽然不难但是这种情况多了也是工作量啊，所有这个组件主要是为了解决这个问题。 记得需要传入 separate-binding 属性将值设为true。

日期禁用 ​

1.0.44 版本，正式新增 custom-disable-time 支持自定义禁用时间或可选时间

custom-disable-time 属性入参为对象，目前支持3种模式，可传类型如下:

typescript
interface DisabledTimeRecent {
    type: 'recent' // 最近X天可选
    mode: 'past' | 'future'  // past: 只能选过去N天；future: 只能选未来N天
    days: number // X天
    dateAnchor?: string | Date // 锚点时间，默认当前时间
}

interface DisabledTimeCustom {
    type: 'custom'  // 自定义禁用
    mode: 'past' | 'future' // past: 禁用 date 之前的所有日期；future: 禁用 date 之后的所有日期
    dateAnchor: string | Date // 基准日期
}

interface DisabledTimeRange {
    type: 'range'
    mode: 'include' | 'exclude' // include: 只能选区间内; exclude: 禁用区间内
    start: string
    end: string
}

详细使用方法请看下方示例

最近X天可选 ​

自定义禁用之前/之后 ​

区间禁用/可选 ​

API ​

属性 ​

DevDatePicker Props

—
暂无数据

事件 ​

DevDatePicker Events

Function
暂无数据

插槽 ​

DevDatePicker Slots

暂无数据