月份日期范围选择器 - Vue.js答案

【问题标题】：Month Date Range Picker - Vue.js月份日期范围选择器 - Vue.js
【发布时间】：2018-07-17 01:55:28
【问题描述】：

我正在为 Vue.js 寻找一个像 bootstrap date-picker 这样的库。但是我需要一个可以进行一些配置的配置，例如我在引导程序 daterange-picker 中使用的配置

$('.input-daterange').datepicker({
         format: "mm/yyyy",
         language: "es",
         autoclose: true,
         startView: 1,
         minViewMode: 1
});

我这里有一些示例代码https://stackblitz.com/edit/js-jcldh8

我在使用 Vue js 和这个库时遇到了一些问题，所以我希望有人可以帮助我。

谢谢。

【问题讨论】：

标签： javascript vue.js bootstrap-datepicker

【解决方案1】：

我正在为 Vue.js 使用元素 ui。

https://element.eleme.io/#/en-US/component/date-picker

<el-date-picker
      v-model="birthdate"
      type="date"
      placeholder="Pick a Date"
      format="mm/yyyy"
      value-format="yyyy-MM-dd">
</el-date-picker>

【讨论】：

【解决方案2】：

有很多 Vue js 库可供您轻松使用，例如 Element Ui、Vuetify 等。但是您可以使用非常易于使用的 Element UI，它具有许多不错的功能，例如引导程序。

你可以通过 npm 安装或通过 cdn 使用，参见文档here

和组件date picker

调用元素 Ui 日期选择器：

    <el-date-picker
      v-model="value2"
      type="date"
      placeholder="Pick a day"
      :picker-options="pickerOptions1">
    </el-date-picker>

对于 Vuetify 你可以go here，它也可以安装在 npm 节点或使用 cdn。

Vuetify 日期选择器：

<v-date-picker 
  v-model="picker" 
  :landscape="landscape" 
  :reactive="reactive">
</v-date-picker>

【讨论】：