若依+Thymeleaf 格式化日期使用 layui中laydate时间控件展示

文本控件用 th:value="${#dates.format(testArticle.planEndDate,'yyyy-MM-dd HH:mm:ss')}" 方式格式化日期。

这里的testArticle.planEndDate为表单object定义的对象testArticle属性，testArticle为后台传过来的对象

<!DOCTYPE HTML>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
        <form class="form-horizontal m" id="form-testArticle-edit" th:object="${testArticle}">
            <input id="articleId" name="articleId" th:field="*{articleId}"  type="hidden">
			<div class="form-group">
				<label class="col-sm-3 control-label">预计结束日期：</label>
				<div class="col-sm-8">
					<!--<input id="planEndDate" name="planEndDate" th:field="*{planEndDate}" class="form-control" type="text">-->
					<input type="text"  placeholder="计划任务结束日期" class="layui-input form-control " th:value="${#dates.format(testArticle.planEndDate,'yyyy-MM-dd HH:mm:ss')}" id="planEndDate" name="planEndDate">
				</div>
			</div>
		</form>
    </div>
    <!-- 引入相关js文件   jquery   layui   laydate 等 -->
    <script type="text/javascript">

        //注意：
        layui.use(['laydate'], function(){
            var laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#planEndDate', //指定元素
                done:function(value,date){//value, date, endDate点击日期、清空、现在、确定均会触发。回调返回三个参数，分别代表：生成的值、日期时间对象、结束的日期时间对象
                    //其他操作
                }
            });
        });
	</script>
</body>
</html>

原文链接：https://blog.csdn.net/torpidcat/article/details/100706095