fk-date-picker

> 基于element-ui的el-data-picker组件，针对公司选择区间日期习惯，调整操作风格。默认选择日期需要点击确定按钮关闭。

Install

npm install fk-data-picker -S

yarn add fk-data-picker

Quick Start

js

import Vue from 'vue'

import FkDatePciker from 'fk-data-picker'



Vue.use(FkDatePciker)





Description



原来element-ui表格属性都继承支持，合并表格用到的属性如下



|    参数          | 说明                | 类型          |可选值    | 默认 |

| :------------   | -------------------  | :---:          |:-----:  |:--:|

|

auto-confirm | 选择日期后是否自动确认关闭 | boolean

     |   |  false  |

|

unlink-panels | 原有属性，在范围选择器里取消两个日期面板之间的联动 |boolean

|   |      |



Examples



#### 普通分组



> unlink-panels和auto-confirm 属性



![](attachment/date-range.png)

![](attachment/month-range.png)



  unlink-panels和auto-confirm使用

vue

          v-model="value1"

      type="daterange"

      range-separator="至"

      :unlink-panels="disabled"

      auto-confirm

      :picker-options="pickerOptions"

      start-placeholder="开始日期"

      end-placeholder="结束日期">

    



        v-model="value1"

      type="monthrange"

      range-separator="至"

      :unlinkPanels="disabled"

      :picker-options="pickerOptions"

      start-placeholder="开始日期"

      end-placeholder="结束日期">

    







  export default {

    data() {

      const that = this;

      return {

        value1: null,

        disabled: true,

        pickerOptions: {

          onPick({ maxDate, minDate }) {

            that.disabled = !(maxDate && minDate);

          }

        }

      };

    },

  }