Skip to content
目录

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时间格式Stringyyyy-MM-dd HH:mm:ss/yyyy-MM-ddyyyy-MM-dd HH:mm:ss
type选择器类型,日期或时间选择器Stringyear/month/date/dates/ week/datetime/datetimerange/ daterange/monthrangedatatime
intervalTime可选最大范围日期Numbernumber31
modelStartTime绑定开始时间String--
modelEndTime绑定结束时间String--
pickerOptions时间配置选项Object--
maxDate最大日期限制Date--