Vue 2.0 bootstrap 3 日期选择器组件

Question

我在哪里可以找到一个不错的 vue 2.0 bootstrap 3 datepicker 组件。我已经尝试了几乎所有的东西。大多数日期选择器都兼容 vue 1.0。

我正在寻找一些简单的东西，导入我的子组件，在其上应用 v-model 并准备就绪。

Answer 1

试试vue-flatpickr。它不是引导日期选择器，但它是一个非常好的选择，没有 jquery 依赖。

Answer 2

先前评论中的链接已失效。 请改用this vue component。

npm install vue-flatpickr-component --save

使用起来非常简单。

<template>
  <div>
    <flat-pickr v-model="date"></flat-pickr>
  </div>
</template>

<script>
  import flatPickr from 'vue-flatpickr-component';
  import 'flatpickr/dist/flatpickr.css';

  export default {    
    data () {
      return {
        date: null,       
      }
    },
    components: {
      flatPickr
    }
  }
</script>

Answer 3

查看我的 github 项目 https://github.com/wxsms/uiv（Vue 2 实现的 Bootstrap 3 组件。）

安装：

npm install uiv --save

一个简单的代码示例：

<template>
  <date-picker v-model="date"/>
</template>
<script>
  import {DatePicker} from 'uiv'
  export default {
    components: {DatePicker},
    data () {
      return {
        date: null
      }
    }
  }
</script>
<!-- date-picker-example.vue -->

这将为您创建一个内联日期选择器。如需更多用途（例如，使用表单和下拉菜单），您可以查看文档页面：https://uiv.wxsm.space/date-picker