vue--封装日历,周历,月历,季历组件

一. 效果图

                    

二. 实现功能

  1. 时间快捷键对应的时间段获取方法封装,需要注意本周,上周,采用的是周一到周日日历模版去的间隔。
  2. 日历网上找的一个demo,改装成自己项目中要求的样子。限制了未来月份不能切换,最小切换月份2018年1月。
  3. 日历展示样子有两种模版:周一到周日,周日到周六。
  4. 月历,季历设置了未来时间段不可点击。

注意:安卓,ipone手机日历统一默认的标准(周日到周六),假如手机日历展示模式改(周二到周日),我们本周,上周区间选择还是根据日历统一默认标准获取,向前移动一位,展示模版周一到周日的区间。

总体来说,不管手机修改日历展示模式为哪种,我们js获取Date对象,对应标准都是(周日到周六)模式

三. 代码地址

项目地址:git@github.com:xuweixiao/vue-calendar.git

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值