SuitTimeDate 时间范围筛选框

说明

1、SuitTimeDate时间筛选范围基于el-date-picker组件进行的二次封装 2、开始时间不能小于结束时间

示例

<template>
  <div class="flex-space-between">
    <suit-time-date
        v-model="value1"
        type="date"
        format="yyyy-MM-dd HH:mm:ss"
        value-format="yyyy-MM-dd HH:mm:ss"
        id="test01"
      >
      </suit-time-date>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value1: []
      }
    }
  }
</script>

Expand Copy Copy

参数说明

属性

属性	描述	类型	可选值	默认值
value	时间筛选框绑定的值，希望实现v-model的效果，和@change一起使用。如上面列子	String	--	——
type	时间筛选框的类型，参考elementUI的'el-date-picker'	String	--	date
startPlaceholder	开始日期的placeholder	String	--	请选择开始时间
endPlaceholder	结束日期的placeholder	String	--	请选择结束时间
tip	时间之间的连接文字，一般都是'至'或者'-'	String	--	-
format	显示在输入框中的格式	String	--	——
value-format	可选，绑定值的格式。不指定则绑定值为 Date 对象	String	--	——
editable	时间筛选框文本框可输入	Boolean	true/false	true
clearable	时间筛选框是否可清除，开始和结束都是这个控制	String	--	——
defaultTime	选中日期后的默认具体时刻	String	--	00:00:00
id	时间筛选框的id。如果有多个时间范围框，需要给id	String	--	contentAllwrap

事件

名称	描述	回调参数
change	时间一选择就会触发	[start, end]