专栏首页csdnvue自定义日历组件

vue自定义日历组件

代码地址

https://github.com/nan1010082085/vue-components/tree/master/CustomCalendar

享一下组件目录

tip: 组件功能:

  1. 展示当前年份当前月,
  2. 支持左右 icon自定义
  3. 支持自定义当前日提示边框颜色
  4. 支持自定义某一日选择背景颜色, 边框染色如已经自定义边框颜色则为自定义颜色
  5. 某一日选中采用圆点模式

使用

引入 main.js

组件中使用 默认

自定义左侧icon ![在这里插入图片描述](https://img-blog.csdnimg.cn/2019030120084725.png

某一个日期出现选中状态, 圆点模式

ps: 自定义某一日 数据传递

[ { active : 1 } ]
数组对象, 其中必须有 key = active, value :Number // 为组件判断某一日选中参数

默认效果

效果图2, 某个日期出现选中 默认模式

效果图2, 某个日期出现选中 圆点模式

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 简单的js 数组去重方法

    yangdongnan
  • 怎么写一个vue-插件? loader加载进度条示例

    ps: 我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan...

    yangdongnan
  • vue项目初始化目录, 包含微信jssdk一些配置 @vue/cli版本^3.3.0

    github地址 https://github.com/nan1010082085/vue-components/tree/master/%40vue3-cat...

    yangdongnan
  • flink sql之数据源自定义扩展实现

    上一篇我们简单说了一下flink基于java spi创建自定义的数据源source和sink的基本原理,这一篇我们结合实际案例具体说一下实现过程

    yiduwangkai
  • 简单好看的Android圆形进度条对话框开源库

    本文介绍CircleProgressDialog开源库的使用及实现的详细过程,该开源库主要实现以下几个功能:

    哲洛不闹
  • 知识社区DIY,乐享最在行!

    在现在这个标新立异百花齐放眼花缭乱车水马龙的物质时代里,什么最可怕?! 没特点最可怕!! 千篇一律的页面员工看了没归属感,老板看了都火大!辣么... ? 对...

    腾讯乐享
  • iOS-修改系统Tabbar背景色

    用户1890628
  • python中自定义异常类的使用

    next函数主要是用来返回一个迭代器当前的值,注意一定要把迭代器赋值给某个变量的值,然后将这个变量传入next函数。

    刘金玉编程
  • 我的第一个RN项目——趣闻

    之前利用自己的业余时间入门了微信小程序,并写了一个入门项目 我的第一个微信小程序-趣闻 ,整体效果和之前写的 kotlin-android 版的 趣闻 模块和功...

    蜻蜓队长
  • 使用Hexo发布博客(Windows环境)

    如果在Linux上或Mac上这样就成功了,但是在Windows上我们需要安装rsync客户端,下面就说一下Windows上的客户端的两种方式

    剑行者

扫码关注云+社区

领取腾讯云代金券