Skip to content

Andself/as-vue-calendar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

as-vue-calendar

demo

一个超级轻量的日历组件,目前仅支持选择‘某一天的 0 时 0 分 0秒’

有点大概就是:轻量,无依赖,没有其他乱七八糟的东西

如何使用

  1. 安装依赖
npm i as-vue-calendar --save
  1. 全局引入组件, CSS已内联,无需单独引入
//main.js
import Vue from 'vue'
import calendar from 'as-vue-calendar'

Vue.use(calendar)

// template
<as-calendar :value="2018-9-26" @select="alert($event)" />
  1. 组件上暴露一个 @select 方法,$event 为 选中日期当天 0 点的一个 Date 对象,至于拿来干什么,请自由发挥

  2. 通过 $refs 选中组件,可以使用组件自带的 reset 方法来手动重置翻页状态,日历会回退到 props.value 所对应日期的那个月份,如果 value 为空,则为当前月份 (用来处理某些人翻了半天日历后取消选择的情况)

About

一个超级轻量的日历组件

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published