Vue.js的漂亮的日期选择器 - vue-datepicker

Vue.js的漂亮的日期选择器 - vue-datepicker
插件名称 vue-datepicker
发布时间 2020年5月1日
插件作者 Mathieustan

vue.js的响应式日期选择器,具有良好的过渡和简洁的设计。

变更日志:

v0.2.11(11/16/2020)

  • 设计有所变化(全屏手机上的日子会更长)
  • 新slot :“ input-icon”允许在输入中使用自定义图标

v0.2.10(11/13/2020)

  • (样式):更新了手机/桌面的样式/设计

v0.2.10(11/12/2020)

  • 固定的预设(范围未更新)

v0.2.6(2020年8月20日)

  • 日期范围内的固定语言

安装和下载:

# Yarn
$ yarn add @mathieustan/vue-datepicker

# NPM
$ npm install @mathieustan/vue-datepicker --save

使用:

import VueDatePicker from '@mathieustan/vue-datepicker';
Vue.use(VueDatePicker);

// 选项:默认情况下可以设置lang
Vue.use(VueDatePicker, {
  lang: 'fr'
});

import { VueDatePicker } from '@mathieustan/vue-datepicker';

export default  {
  components : {
    VueDatePicker,
  },
};

使用组件

<template>
...
<VueDatePicker v-model="date" />
...
</template>