LayUI日历模块返回给前端的数据封装格式

LayUI日历模块返回给前端的数据封装格式

项目场景:

本次问题的出现场景:使用LayUI的日历模块为会议管理中的待开会议的日期进行批量标识。

问题描述:

在LayUI的日历控件文档中,只是展示了前端的假定数据,而我需要为页面提供动态的数据,数据的传输格式需要和LayUI的文档一致,如图为官方文档中的标识格式

官方文档


处理过程:

在后台传给页面的值需要进行处理,首先我把待开会议的日期进行了List<*Map*>的封装,这里需要注意!的是,获取到会议日期后,需要把会议日期作为key,把value置为空值,如图

数据封装
数据封装

js中的处理如图:

js处理
将封装的数据传入即可


效果展示:

效果展示
带有绿点标识的即为待开会议,根据后台数据库动态获取即可。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值