<div class="vertical-timeline-block" th:each="chat:${userChatRecords}">
          <div class="vertical-timeline-icon lazur-bg">
            <i class="fa fa-chevron-down"></i>
          </div>
          <div class="vertical-timeline-content">
            <span class="vertical-date">
                         <small>[[${#dates.format(chat.chatDate,"MM月dd日 HH:mm")}]]</small>
            </span>
            <input type="hidden" class="chatDate" th:value="${#dates.format(chat.chatDate,'yyyy-MM-dd HH:mm:ss')}"/>
          </div>
          <div class="vertical-timeline-content" th:each="question:${chat.questionContent}">
            <p class="btn btn-primary btn-rounded" style="float: left;">[[${question.content}]]
            </p>
          </div>
          <div class="vertical-timeline-content">
            <p class="btn btn-warning btn-rounded">[[${chat.buttonName}]]
            </p>
          </div>
          <div class="vertical-timeline-content" th:each="tip:${chat.tipContent}">
            <p class="btn btn-danger btn-rounded btn-outline">[[${tip.content}]]
            </p>
          </div>
          <div class="vertical-timeline-content" th:each="return:${chat.returnContent}">
            <p class="btn btn-primary btn-rounded" style="float: left;">[[${return.content}]]
            </p>
          </div>
        </div>

$("input[class=chatDate]").last().val();