vue移动端仿钉钉日历控件，实现按月和按周滑动切换

最新推荐文章于 2024-07-08 15:00:35 发布
最新推荐文章于 2024-07-08 15:00:35 发布
阅读量8.2k 收藏 24
点赞数 4
分类专栏： 开发组件 文章标签： vue组件 前端组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ssza02/article/details/100064509
版权

之前很少接触这种万年历的控件，想说很难，也不会主动去接触。直到最近的一个需求，要实现日期预约功能，而且还要是既能按月切换，也能按周切换，就是跟钉钉的日历那种一样。没办法，只能啃下来。接下来就是无穷尽的百度，参考了一部分的代码，后面加上自己的修改，完成了类似的功能。

在这里插入图片描述
在这里插入图片描述

项目git地址，欢迎下载使用，顺便话给我个star哈：
https://github.com/ssza02/calendar-mobile

ssza02
关注
  • 4
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
vue仿钉钉的考勤日历（基于vue-calendar-component组件）
克克业业
10-11 1万+
直接上效果图，需要再往下看
移动端使用vue封装日历
Quinta12的博客
03-24 570
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
vue-price-calendar:vue移动端日历插件
05-18
价格价格日历 vue价格日历 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build 有关工作原理的详细说明，请参阅。
vue2 项目中 echarts 实现排班 效果
amoureux555的博客
07-08 285
【代码】vue2 项目中 echarts 实现排班 效果。
vue--手机端日历插件
夕阳的云的博客
11-30 1951
最近的一个项目需要写一个日历插件，对一些知识点有了新认识，所以记下方便以后的查阅   其中对日期函数有了更深入的了解：     var date = new Date();                date .getYear(); //获取当前年份(2位)                date .getFullYear(); //获取完整的年份(4位,1970-????)      ...
vue实现钉钉的考勤日历.docx
01-21
vue实现钉钉的考勤日历.docx
一个vue的日历组件
weixin_33682790的博客
06-25 819
一个vue calendar的npm组件 说明： 1.基于element-ui开发的vue日历组件。 地址 更新: 1.增加value-format指定返回值的格式2.增加头部插槽自定义头部 <ele-calendar > <template slot-scope="slotProps"> {{ slot...
vue仿钉钉日历组件，移动端，展开折叠月历周历
ALoye_喜樂的博客
11-16 6785
重新用ts+v3写了一下，简化了一些功能，需要的自取 月历 周历
h5移动端仿钉钉组织架构的选择部门功能
12-02
博客地址https://blog.csdn.net/weixin_44484452/article/details/121638096?spm=1001.2014.3001.5501 本资源比博客的补充了顶部面包屑功能
课程设计-基于Vue开发的仿钉钉打卡统计日历源码(周、月可滑动切换).zip
12-15
课程设计-基于Vue开发的仿钉钉打卡统计日历源码(周、月可滑动切换).zip课程设计-基于Vue开发的仿钉钉打卡统计日历源码(周、月可滑动切换).zip课程设计-基于Vue开发的仿钉钉打卡统计日历源码(周、月可滑动切换).zip ...
基于Vue实现支持按周切换的日历
01-19
基于Vue的日历小功能，可根据实际开发情况按每年、每月、每周、进行切换，具体内容如下 <!-- 年份 月份 --> <p>{{ currentYear }}年{{ currentMonth }}月 <!-- 星期 --> 一 二 三 四 ...
vue日历插件
05-05
自己实现的vue范围选择日历件。使用方法请至我的博客开发那点事（四）查看
移动端日历插件
01-18
日历插件
vue-week-picker实现支持按周切换的日历
12-29
本文实例为大家分享了vue-week-picker实现按周切换的日历的具体代码，供大家参考，具体内容如下 vue-week-picker 安装 npm install vue-week-picker --save-dev DEMO 原生：线上DEMO 与element-ui结合使用：线上DEMO 功能 自适应式按周切换 与DatePicker日期选择器使用 结合Element-ui使用 效果 与vue-element结合组件，请转到链接 使用 Or <vue-week-picker @d
移动端日历插件（vue3-small-calendar）
w2ndong的专栏
07-08 3073
vue3 下移动端日历插件，此空间占用移动端空间不大，使用者可左右滑动选择日期。
vue-移动端日历插件
FSy321321的博客
06-16 1938
因为设置了选择范围需要找到2019-12 https://github.com/fushaoyu/Calendar npm i --save f-calendar import F_Calender from 'f-calendar'; Vue.use(F_Calender); 配置： 主题颜色 theme 默认选中颜色 defaultColor 默认选中日期 defaultOpt 数组 上个月 formerly 回调 下个月
vue移动端日历插件
hellozhxyuan
11-01 1051
https://www.npmjs.com/package/vue-mobile-calendar npm安装 npm install vue-mobile-calendar import Calendar from 'vue-mobile-calendar' Vue.use(Calendar);
vue移动端日历组件
Tanjc518的博客
05-18 1171
【代码】vue移动端日历组件。
vue3 + ts 实现仿钉钉日历折叠展示所有
最新发布
08-02
在Vue3中使用TypeScript实现类似钉钉的日历组件，你可以采用以下步骤： 1. 首先，安装所需的库： - 使用`vue-class-component`和`vue-property-decorator`来支持TypeScript和ES6类语法： ``` npm install vue-...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值