基于Vue2.0写的一套简易的日历组件

原创 sinoshy 随笔 Vue 52阅读 14 天前 举报

V-calendar-creek

  • 基于 Vue 2.0 开发的轻量级、多作用的日历组件
  • 占用内存小,性能高,作用强,可扩展
  • 全部由Vue实现,没有引入第三方库
  • 不仅可以获取日期,还可以根据需求来获取时间
  • 可以获取年 - 月 - 日 时 : 分 : 秒 ,可以单独获取其中几个,也可以获取全部,使用起来十分方便

效果展现



Install

Use

API

属性说明默认是否必传
type是需要时分秒类型,分别:年-->year-->默认 月-->month 日-->day 时-->hour 分-->minute 秒-->secondyear
getTime传入的时间默认值 格式(2018-10-26 00:00:00 or 2018/10/26 00:00:00)当前时间
onlyTime显示是否只显示时间 时-->hour 分-->minute 秒-->second 只需要时间 不需要日期的情况下使用
ref会暴露出一个方法,show()
getDate是子组件调用父组件的方法

Other

  • 如果有什么兼容问题或者报错问题,可以直接通过邮件方式联系我:asd503262217@sina.com

Update

V 1.1.11 更新了代码,之前上传的代码有问题重新上传一次,并增加了选择日期完成之后如果小于10的值在前面加0,增家handleNum方法来进行处理
npm连接:https://www.npmjs.com/package/v-calendar-creek

评论 ( 1 )
最新评论
sinoshy 10 天前 1F

之前上传的代码有问题重新上传一次
把别的代码上传过来了,现在更新正确了