Foxtable(狐表)用户栏目专家坐堂 → web生成可标识的日历组件


  共有5409人关注过本帖树形打印复制链接

主题:web生成可标识的日历组件

帅哥哟,离线,有人找我吗?
cd_tdh
  1楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:狐精 帖子:3209 积分:21331 威望:0 精华:0 注册:2016/3/28 16:57:00
web生成可标识的日历组件  发帖心情 Post By:2022/5/19 14:12:00 [只看该作者]

老师,想做一个像下图这样的日历控件放到web框架的网页中,怎么实现,我在网上找了一个生成日历控件的代码,在记事本中,数据来源是里面的示例:实名制考勤 表,逻辑就是我打开网页后,在实名制考勤中找到对应年月后,如果后面日有数据,就在日历控件中标识出下图的那样的标识,切换月后也是这样。

 


图片点击可在新窗口打开查看此主题相关图片如下:示意图.jpg
图片点击可在新窗口打开查看

 

 

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:desktop.rar


[此贴子已经被作者于2022/5/19 14:14:48编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110669 积分:563259 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/5/19 14:32:00 [只看该作者]

现在没有空研究这个,只能自食其力了

 回到顶部
帅哥哟,离线,有人找我吗?
cd_tdh
  3楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:狐精 帖子:3209 积分:21331 威望:0 精华:0 注册:2016/3/28 16:57:00
  发帖心情 Post By:2022/5/23 11:05:00 [只看该作者]

 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:z-calendar_1.0.1.rar

老师,网上找的插件,怎么在web中引用,并在页面中显示,该日历

[此贴子已经被作者于2022/5/23 11:05:59编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110669 积分:563259 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/5/23 11:34:00 [只看该作者]

这玩意是vue的,比1楼还复杂

 回到顶部
帅哥哟,离线,有人找我吗?
cd_tdh
  5楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:狐精 帖子:3209 积分:21331 威望:0 精华:0 注册:2016/3/28 16:57:00
  发帖心情 Post By:2022/5/23 12:52:00 [只看该作者]

还是折腾1楼的吧,老师,红色代码位置,不用背景色,用圈圈起来,怎么实现

      .calendar .calendar-list .thisMonth {
        color: black;
        font-weight: 600;
        background-color: red;    '不用背景色,用圈圈起来,怎么实现
      }

 

老师,这样绘制出来,不是以文字为中心的,该怎么修改?

   .calendar .calendar-list .thisMonth {
    border-radius: 30px;
   // 绘制线宽及颜色;
    border: 2px solid #8AC007;
    padding: 19px;
    width: 30px;
    height: 30px;

 

 


图片点击可在新窗口打开查看此主题相关图片如下:qq截图20220523132347.jpg
图片点击可在新窗口打开查看
[此贴子已经被作者于2022/5/23 13:24:29编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110669 积分:563259 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2022/5/23 13:33:00 [只看该作者]


 回到顶部