My97DatePicker 表單提交後保持日期不被清空

核心原則

HTTP 無狀態，頁面重新載入後 DOM 重置。需在伺服器端將使用者輸入的日期值再次輸出到表單欄位。

實作模式

JSP / Servlet 範例

<%-- JSP --%>
<input type="text" name="birthDate" class="Wdate" 
       value="<%= request.getParameter("birthDate") != null ? request.getParameter("birthDate") : "" %>" 
       onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" />

Spring MVC 範例

@PostMapping("/submit")
public String submit(@RequestParam("birthDate") String birthDate, Model model) {
    model.addAttribute("birthDate", birthDate); // 回傳給視圖
    return "formView";
}

<!-- Thymeleaf -->
<input type="text" name="birthDate" class="Wdate" 
       th:value="${birthDate}" 
       onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" />

AJAX 提交時

若使用 AJAX 提交並停留在同頁，日期本不會清空；若頁面跳轉，同樣需在目標頁面回填。

最佳實踐

• 統一使用「表單回填」模式：value="${param.fieldName}" (JSP EL) 或框架對應語法。
• 日期格式前後端一致（如 yyyy-MM-dd）。
• 若為查詢條件，建議使用 GET 請求，URL 保留參數，刷新不丟失。