Skip to content

类型区间日期

说明

类型区间日期选择器。

独立使用

vue
<DatetypeChooseDateRange
  v-model:date="tableSearch.query.date"
  v-model:dictValue="tableSearch.query.dateType"
  :datetypeData="acquisition_frequency"
  :dateSwitchRule="1"
  :disabledDate="$LJSfc.pickerOptions()">
</DatetypeChooseDateRange>
js
export default {
  data() {
    return {
      // 表格搜索条件
      tableSearch: {
        query: {
          date: this.$LJSdate.initSearchDateQj(), // 日期区间值
          dateType: '3', // 日期类型
        },
        queryReal: {}
      },
    };
  },
  mounted() {
  }
};

主参数

参数类型必填默认值参考值说明
v-model:dateString日期数据。
v-model:dictValueString默认类型,默认值:日。字典value。
datetypeDataArray日期类型字典数据。
clearableBoolean×false清除按钮。
disabledDateFunction×禁用日期。示例(:disabledDate="$LJSfc.pickerOptions()")。
dateTypeKeyValueArray×['1', '2', '3']字典key值对应的value值,按照年月日的顺序,默认年为1日为3。
dateSwitchRuleNumber×0日期区间值切换规则:0 - 跟随传入日期;1 - 每次切换取当月、当年。
formItemLabelString×日期form-item,label值。
disabledDateSpanNumber×0禁用日期,默认跨度为0。
noTypeArray×[]日期类型 - 不显示项,根据value处理。
symbolString~[]中间符。

事件

名称类型说明

插槽

插槽名说明