LayUI整合SSM后Date日期格式问题

1. LayUI提交Form表单到后端

前端的代码如下：

<!--此处省略表单-->
<div class="layui-inline">
   <label class="layui-form-label">生日</label>
   <div class="layui-input-inline">
       <input type="text" class="layui-input" name="birthday" id="birthday">
   </div>
</div>

<script>
	laydate.render({
	    elem: '#birthday' //指定元素
	    ,type: 'date'   //指定选择的格式
	});	
</script>

POJO类中，需要注意在Date类型的属性上加以下三个注解，保证日期格式的转换

@DateTimeFormat(pattern="yyyy-MM-dd")
@JsonFormat(pattern="yyyy-MM-dd")
@JSONField(format="yyyy-MM-dd")

在映射文件中需要对日期进行格式化，使用date_format方法

<if test="birthday!=null">
    and birthday like concat('%', date_format(#{birthday}, '%Y-%m-%d'), '%')
</if>

这样就能够保证前后端数据的格式一致了

2. 后端回写数据给LayUI前端

根据LayUI官网给出的解释，按以下格式即可

{field: 'birthday', minwidth: 120, title: '生日',
    templet:"<div>{{layui.util.toDateString(d.birthday, 'yyyy年MM月dd日')}}</div>"
},