用户友好的日期选择器组件– Vueye Datepicker

用户友好的日期选择器组件– Vueye Datepicker

插件名称:vueye-datepicker

发布时间:2020年7月11日

插件作者:boussadjra

官网 演示 GitHub下载

一个简单易用的日期选择器组件,可从年/月/日选择弹出窗口中选择一个日期。

安装和下载:

# Yarn
$ yarn add vueye-datepicker

# NPM
$ npm i vueye-datepicker --save

如何使用它:

1.安装并导入软件包。

import VueyeDatepicker from "vueye-datepicker";

2.将datepicker组件添加到应用程序模板。

<template>
  <vueye-datepicker v-model="date" color="#222" format="mm/dd/yyyy" />
</template>

3.注册组件并完成。

export default {
  name: "App",
  data: () => ({
   date: {
      value:new Date(),
      formattedValue:''
    }
  }),
  components: {
    VueyeDatepicker
  }
};
相关插件