Date日期选择器
联动时间插件对
element-ui
date 进行二次封装,支持开始和结束日期,可设置结束日期范围
基础用法
vue
<template>
<ws-date :modelStartTime.sync="startTime" :modelEndTime.sync="endTime">
<span>注册时间:</span>
</ws-date>
</template>
<script>
export default {
data () {
return {
startTime: '',
endTime: '',
}
}
}
</script>
属性
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
defaultTime | 选定默认时间,可自选择时间 | String | - | 00:00:00 |
valueFormat | 时间格式 | String | yyyy-MM-dd HH:mm:ss/yyyy-MM-dd | yyyy-MM-dd HH:mm:ss |
type | 选择器类型,日期或时间选择器 | String | year/month/date/dates/ week/datetime/datetimerange/ daterange/monthrange | datatime |
intervalTime | 可选最大范围日期 | Number | number | 31 |
modelStartTime | 绑定开始时间 | String | - | - |
modelEndTime | 绑定结束时间 | String | - | - |
pickerOptions | 时间配置选项 | Object | - | - |
maxDate | 最大日期限制 | Date | - | - |