月日期范圍選擇器-Vue.js

Question

我正在尋找Vue.js的類似bootstrap date-picker的庫。 但是我需要一個我可以在bootstrap daterange-picker中使用的類似配置的地方

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

我在這里有一些示例代碼https://stackblitz.com/edit/js-jcldh8

我在與此庫一起使用Vue js時遇到了一些麻煩，所以希望有人可以幫助我。

謝謝。

Answer 1

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

https://element.eleme.io/#/zh-CN/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>

Answer 2

Vue js有很多庫，您可以輕松使用它們，例如Element Ui，Vuetify等。但是您可以使用非常易於使用的Element UI，它具有許多不錯的功能，例如引導程序。

您可以通過npm安裝它或通過cdn使用它，請參閱此處的文檔

和組件日期選擇器

調用Element Ui日期選擇器：

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

對於Vuetify，您可以轉到此處 ，它也可以安裝在npm節點中或使用cdn。

Vuetify日期選擇器：

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