vue2.0项目－calendar.js(日历组件封装)

cod7ce 发布于2019-08-21 15:29 / 3506人阅读

摘要：今天要说的是在做这个项目的过程中，自己想加一个日历功能，但是找遍很多插件，没有多少是合我心意，于是就想说自己写一个，但是想象太美好，技术能力不够，写不出，此处省略一万字。

最近一直闲来无事，便寻思着做一下自己的个人项目，也想说能使用现在比较流行的一些mvvm框架来做，于是就选用了这样的一个技术栈vue2.0+vue-router+vuex+webpack来做，做得也是多页面应用，使用vue-router，也是想说把多个功能模块化，单个模块spa，实现更高的效果。当然现在还在做的过程中，如果感兴趣可以过来star一下，哈哈，https://github.com/xiaobinwu/...，git clone下来看看。

今天要说的是在做这个项目的过程中，自己想加一个日历功能，但是找遍很多插件，没有多少是合我心意，于是就想说自己写一个，但是想象太美好，技术能力不够，写不出，此处省略一万字。最后找到百度日历还挺符合我要的日历功能，但是我想更加自定化更好一下，于是就拿这个来做了一下修改。结果长这样：

js：

    calendar.init({
        cellClickCallback: function(cell, datedata){
            console.log(datedata);
            alert("你点击的是"+ datedata.solarYear + "年" + datedata.solarMonth + "月" + datedata.solarDate + "日");        
        }
    });

于是对源代码做了一些注释，为了以后修改，可以去看详细的代码： https://github.com/xiaobinwu/...

云服务器海外云主机 vue2.0 cdn 日历组件如何封装html组件日历插件

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

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

移动端H5日历组件，已废弃不在维护

摘要：默认可选回调函数，绑定业务数据。例如某天有日程，则会在对应日期上标识出一个小红点或者其他标识，默认传入数据格式必选回调函数，当你点击或轻触某日期后执行。文档维护者：孙尊路喜欢的话，记得star 一下噢！适用场景该组件目前仅适用于移动端H5页面展示，后期高级用法中会讲述到如何基于日历基类实现自定义模板传入。（即：开发者只需要传入自己的模板即可实现出自己的优美的日历出来。）本篇...

Moxmi 2019-08-22 16:09 评论0 收藏0
移动端H5周历组件

摘要：默认可选回调函数，绑定业务数据。切换为下一周，与组件内部传入参数作用一样，该支持异步成功回调里处理自己的业务逻辑。文档维护者：孙尊路喜欢的话，记得star 一下噢！适用场景前些阵子，写了一篇《日历组件实现》的使用在线文档，遇到一个需求：实现一个H5周历来填写每周的工作日志，去网上查阅资料，发现很多示例也没有一个标准的使用文档，感觉用起来也吃力，于是乎，自己造了一个周历组件，文...

incredible 2019-08-22 16:35 评论0 收藏0
学习实践 - 收藏集 - 掘金

摘要：官网地址聊天机器人插件开发实例教程一创建插件在系统技巧使你的更加专业前端掘金一个帮你提升技巧的收藏集。我会简单基于的简洁视频播放器组件前端掘金使用和实现购物车场景前端掘金本文是上篇文章的序章，一直想有机会再次实践下。 2道面试题：输入URL按回车&HTTP2 - 掘金通过几轮面试，我发现真正那种问答的技术面，写一堆项目真不如去刷技术文章作用大，因此刷了一段时间的博客和掘金，整理下曾经被...

mikyou 2019-08-29 12:50 评论0 收藏0