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

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

项目场景:

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

问题描述:

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

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


处理过程:

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

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

js中的处理如图:

LayUI日历模块返回给前端的数据封装格式
将封装的数据传入即可


效果展示:

LayUI日历模块返回给前端的数据封装格式
带有绿点标识的即为待开会议,根据后台数据库动态获取即可。