vue 全年日历显示并且日期批量选择

这是个基于VUE制作的日历组件， vue版本为2.0 ，UI部分支持viewUI、原生表单控件。

由于我司项目需求，需要一个按年的日期选择控件，功能有工作日、非工作日、全选、非全选，行选中/取消、列选中/取消等日期批量操作选择。

调研之后，发现没有符合要求的日历组件。只能自己尝试实现, 仅做参考使用，不喜勿喷~。谢谢！

附git地址：https://gitee.com/gitbai/vue-calendar.git

主要功能如图：

1. 年份选择

2.工作日选择

3.非工作日选择

4.全选

转载请注明出处，谢谢！

vue 全年日历显示并且日期批量选择相关推荐

vue 网格组件_简单的Vue组件可显示带有事件的月网格日历
vue 网格组件简洁日历 (vue-simple-calendar) vue-simple-calendar is a flexible, themeable, lightweight event ...
微信小程序日历(酒店入住日期选择)
微信小程序日历(酒店入住日期选择) wxml代码.   <wxs src="../.. ...
Fullcalendar日历使用，包括视图选择、事件插入、编辑事件、事件状态更改、事件添加和删除、事件拖动调整，自定义头部，加入el-popover显示图片、图片预览、添加附件链接等，支持手机显示。
Fullcalendar这个插件挺好,就是很多方法感觉官方文档也没怎么说,导致上手难度大,而且有些默认事件真的不太友好...废话不多说,先上效果图! 1.效果GIF 1.1 基本按钮功能 1.2 事 ...
python输出日期语句_python使用calendar输出指定年份全年日历的方法
python使用calendar输出指定年份全年日历的方法本文实例讲述了python使用calendar输出指定年份全年日历的方法.分享给大家供大家参考.具体实现方法如下: import calen ...
Android自定义日期区间选择日期范围选则的日历，实现类似美团携程选择酒店入住日期和离店日期的日历效果
前言有时候我们会有需要在日历上选择一个日期范围的这种需求,先选一个开始日期,然后再选结束日期,如酒店入住日期和离店日期选择,美团携程这种预定酒店的app都有这种操作.那么这种需求该如何实现呢?先看一 ...
mac日历显示国家节假日及补班日期
mac日历显示国家节假日及补班日期先上效果图订阅链接订阅方法先上效果图系统日历页面简洁而且目前支持节假日.农历显示只是少了放假与补班的标识为了区分节假日与补班的颜色整了两个ics文件 ...
linux显示2012年11月的日历,LINUX命令cal-系统管理-显示当前日历或指定日期的日历...
cal命令用于显示当前日历,或者指定日期的日历. 语法 cal(选项)(参数) 选项 -l:显示单月输出: -3:显示临近三个月的日历: -s:将星期日作为月的第一天: -m:将星期一作为月的第一天 ...
CAD6:1.如何选择对象(批量选择、反选、筛选、栏选、)、2.删除工具的使用、3.如何显示图形
1.如何选择对象鼠标点击一下空白处往右移动完全蓝框住对象即可选择对象鼠标点击一下空白处往左移动不完全绿框住对象即可选择对象筛选出被选对象 shift+鼠标往左移动被蓝框选中或者鼠标单独选择 ...
C++编写显示全年日历
源码下载链接:https://download.csdn.net/download/mr_xuf/10423884 #include <iostream> #include <iom ...
vue中引入全年日历插件calendar.js
针对依赖amazeui的全年日历插件在vue项目中的问题 cnpm i jquery cnpm i amazeui 在当前vue中引入jquery .amazeui及相关css或这全局引入(看其他是否 ...

vue 全年日历显示并且日期批量选择

vue 全年日历显示并且日期批量选择相关推荐

最新文章

热门文章