文本控件用 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>