Vue2的Datepicker和日期范围选择器组件 - vue2-datepicker

Vue2的Datepicker和日期范围选择器组件 - vue2-datepicker
插件名称 vue2-datepicker
发布时间 2020年7月14日
插件作者 mengxiong10

Vue.js 2应用程序的另一个日期选择器和日期范围选择器组件。

变更日志:

v3.9.0(02/06/2021)

  • 显示悬停范围

v3.8.2(12/07/2020)

  • Bug修复

v3.8.1(11/25/2020)

  • Bug修复

v3.8.0(2020年11月18日)

  • 修复了MMM解析错误
  • 添加了事件面板更改
  • 添加了事件更新:show-time-panel
  • 添加了道具getYearPanel

v3.7.0(11/02/2020)

  • 添加prop格式化程序以替换format的对象用法

3.6.3(2020年10月17日)

  • 将t()重命名为translationFn

v3.6.2(08/11/2020)

  • Bug修复

v3.6.1(07/13/2020)

  • 错误修正:弹出窗口不能在时间范围内自动关闭

v3.6.0(06/08/2020)

  • 删除touchstart事件
  • 添加多选
  • 添加道具滚动持续时间

安装和下载:

$ npm install vue2-datepicker --save

使用:

<script>
  import DatePicker from 'vue2-datepicker';
  import 'vue2-datepicker/index.css';

  export default {
    components: { DatePicker },
    data() {
      return {
        time1: null,
        time2: null,
        time3: null,
      };
    },
  };
</script>

<template>
  <div>
    <date-picker v-model="time1" valueType="format"></date-picker>
    <date-picker v-model="time2" type="datetime"></date-picker>
    <date-picker v-model="time3" range></date-picker>
  </div>
</template>