资讯专栏INFORMATION COLUMN

基于Vue的简单日历组件

Meils / 3051人阅读

摘要:日历组件由于移动端项目中需要用到日历组件,网上找了下,没看到几个合适的,就尝试着自己写一个。基础效果如下图然后可以接受一个起始日期参数,设置日历当前显示的年月。可以监听一个点击事件,回调参数为当前点击的年月日。

日历组件

由于移动端项目中需要用到日历组件,网上找了下,没看到几个合适的,就尝试着自己写一个。然后发现也不是很复杂,目前只做了最基本的功能,大家也可以拿去做做二次开发。

基础效果如下图:

然后可以接受一个起始日期参数start-date,设置日历当前显示的年月。可以监听一个点击事件click-event,回调参数为当前点击的年月日。


然后具体的代码地址在这里:
https://github.com/wsh8215921...

新手上路,大家多多指教

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/95095.html

相关文章

  • vue-calendar 基于 vue 2.0 开发轻量,高性能日历组件

    摘要:基于开发的轻量,高性能日历组件占用内存小,性能好,样式好看,可扩展性强原生开发,没引入第三方库上很多点击弹出日历选择某个时间的组件,却没有找到单纯展示日历并且能点击获取时间的组件少部分日历组件的占用内存过于大,对于日历这样简单的功能来说 vue-calendar-component 基于 vue 2.0 开发的轻量,高性能日历组件 占用内存小,性能好,样式好看,可扩展性强 原生 js...

    vvpale 评论0 收藏0
  • vue-calendar 基于 vue 2.0 开发轻量,高性能日历组件

    摘要:基于开发的轻量,高性能日历组件占用内存小,性能好,样式好看,可扩展性强原生开发,没引入第三方库上很多点击弹出日历选择某个时间的组件,却没有找到单纯展示日历并且能点击获取时间的组件少部分日历组件的占用内存过于大,对于日历这样简单的功能来说 vue-calendar-component 基于 vue 2.0 开发的轻量,高性能日历组件 占用内存小,性能好,样式好看,可扩展性强 原生 js...

    megatron 评论0 收藏0
  • 基于Vue2-Calendar改进日历组件(含中文使用说明)

    摘要:改进原控件无法切换语言的,支持和。日历面板增加一个位置选项,允许让面板右对齐,只需要即可。原事件只有在时才生效,现改为一直有效,这样当用户点击日历面板上的日期后就可以触发该事件。一,前言 我是刚学Vue的菜鸟,在使用过程中需要用到日历控件,由于项目中原来是用jQuery写的,因此用了bootstarp的日历控件,但是配合Vue实在有点蛋疼,不够优雅…… 于是网上搜...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<