Question

我正在寻找Vue.js的引导日期选择器之类的库。但是我需要一个可以在引导日期范围选择器中使用的配置，例如

$('.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/#/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>

Answer 2

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

您可以通过npm安装它，也可以通过cdn使用它，请参阅文档here

和组件date picker

调用Element Ui日期选择器：

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

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

验证日期选择器：

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

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

2 个答案: