BootStrap 编辑日期 laydate 编辑界面日期

1、实体层加@DateTimeFormat(pattern = "yyyy-MM-dd")
否则save会报错

@DateTimeFormat(pattern = "yyyy-MM-dd")
@Column(name = "COMPLETE_DATE")
public Date getCompleteDate() {
    return completeDate;
}
public void setCompleteDate(Date completeDate) {
    this.completeDate = completeDate;
}

@DateTimeFormat(pattern = "yyyy-MM-dd")
@Column(name = "valid_start")
public Date getValidStart() {
    return validStart;
}
public void setValidStart(Date validStart) {
    this.validStart = validStart;
}
 
@DateTimeFormat(pattern = "yyyy-MM-dd")
@Column(name = "valid_end")
public Date getValidEnd() {
    return validEnd;
}
public void setValidEnd(Date validEnd) {
    this.validEnd = validEnd;
}

 2、js引入'laydate' 

requirejs(
    ['jquery','bootstrap','bootstrap_validator','bootstrap_validator_CN','jqueryform','jqueryupload','layer','suggest','laydate',
        'custom','bootstrap_table','bootstrap_table_CN'],

3、html

<div class="col-md-6">
    <div class="form-group row">
        <label class="col-md-4 col-sm-4 text-right" for="completeDate">完结日期：</label>
        <div class="col-md-8 col-sm-8">
            <input class="laydate-icon form-control layer-date" type="text" id="completeDate" name="completeDate" readonly="readonly" onclick="laydate({format: 'YYYY-MM-DD'})" th:value="${info?.completeDate}">
        </div>
    </div>
</div>

<div class="form-group row">
    <label class="col-md-2 col-sm-2 text-right" for="validStart"><span class="text-danger">*</span>有效期起：</label>
    <div class="col-md-4 col-sm-4">
        <input class="laydate-icon form-control layer-date" type="text" id="validStart" name="validStart" required="required" onclick="laydate({format: 'YYYY-MM-DD'})" th:value="${info?.validStart}">
    </div>
    <label class="col-md-2 col-sm-2 text-right" for="validEnd"><span class="text-danger">*</span>有效期止：</label>
    <div class="col-md-4 col-sm-4">
        <input class="laydate-icon form-control layer-date" type="text" id="validEnd" name="validEnd" required="required" onclick="laydate({format: 'YYYY-MM-DD'})" th:value="${info?.validEnd}">
    </div>
</div>

 

效果：