Vue flatpickr 组件
made with Vuejs

Vue flatpickr 组件

这是一个基于Flatpickr日期时间选择器的Vue.js组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

Flatpickr是轻量级且功能强大的日期时间选择器,用普通的js编写,UX驱动且可扩展,不依赖于任何库

Vue flatpickr 组件是一个基于Flatpickr日期时间选择器的Vue.js组件。

安装

Npm

npm i vue-flatpickr-component

Yarn

yarn add vue-flatpickr-component

使用

<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>

示例

image.png

image.png

image.png

作者

Ankur Kumar

@ankurk91

相关项目

这是一个适用于移动设备的日期时间选择器。
这是一个基于Tailwind CSS的日期选择器组件。