Vue2 的日期选择组件 vue-datepicker-local

码农软件 · 软件分类 · Vue 组件 · 2019-03-20 09:13:09

授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
软件首页: https://github.com/weifeiyue/vue-datepicker-local
软件文档: https://github.com/weifeiyue/vue-datepicker-local
官方下载: https://github.com/weifeiyue/vue-datepicker-local

软件介绍

Vue2一个漂亮的日期选择组件：

仅依赖于Vue
轻量级（小于4kb的压缩包）
美观

使用

安装

$ npm install vue-datepicker-local

ES6

<template>
  <vue-datepicker-local v-model="time" />
</template>

<script>
import VueDatepickerLocal from 'vue-datepicker-local'

export default {
  components: {
    VueDatepickerLocal
  },
  data () {
    return {
      time: new Date()
    }
  }
}
</script>

浏览器全局

dist文件夹包含了 vue -datepicker- local.js 和 vue-datepicker-local.css。

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="path/to/vue-datepicker-local.css">
</head>
<body>
  <div id="app">
    <vue-datepicker-local v-model="time"></vue-datepicker-local>
  </div>
  <script src="path/to/vue.js"></script>
  <script src="path/to/vue-datepicker-local.js"></script>
  <script>
    new Vue({
      el: "#app",
      data: {
        time: new Date()
      }
    })
  </script>
</body>
</html>