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

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

插件名称:vue2-datepicker

发布时间:2020年7月14日

插件作者:mengxiong10

官网 演示 GitHub下载

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

变更日志:

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>
相关插件