LayUI日历模块返回给前端的数据封装格式
LayUI日历模块返回给前端的数据封装格式
项目场景:
本次问题的出现场景:使用LayUI的日历模块为会议管理中的待开会议的日期进行批量标识。问题描述:
在LayUI的日历控件文档中,只是展示了前端的假定数据,而我需要为页面提供动态的数据,数据的传输格式需要和LayUI的文档一致,如图为官方文档中的标识格式处理过程:
在后台传给页面的值需要进行处理,首先我把待开会议的日期进行了List<*Map*>的封装,这里需要注意!的是,获取到会议日期后,需要把会议日期作为key,把value置为空值,如图数据封装
js中的处理如图:
将封装的数据传入即可
效果展示:
带有绿点标识的即为待开会议,根据后台数据库动态获取即可。