1986-1-12 00:00:00.0 と出力されてしまうのを， SimpleDateFormat("yyyy-MM-dd");のパターンに直したい

Question

実現したいこと

1986-1-12 00:00:00.0　と出力されてしまうのを，
SimpleDateFormat("yyyy-MM-dd");のパターンに直したい

前提

社員情報管理システムの開発をしており，生年月日情報を出力をしている際に，エラーは発生しませんが，上記のように出力されてしまいました．

発生している問題・エラーメッセージ

SimpleDateFormat("yyyy-MM-dd");のパターンで出力したいが，
1986-1-12 00:00:00.0　と出力されてしまう

該当のソースコード

package jp.co.sss.sys.controller;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.SessionAttributes;

import jp.co.sss.sys.entity.Employee;
import jp.co.sss.sys.form.LoginForm;
import jp.co.sss.sys.repository.EmployeeRepository;

/**
 * 
 *
 */

@Controller
@SessionAttributes(types = Employee.class) 
public class IndexController {

	@Autowired
	EmployeeRepository empRepository;
	LoginForm loginform;

	/**
	 * ログイン画面を表示する
	 * @param loginForm
	 * @return login.html
	 */
	@RequestMapping(path = "/login", method = RequestMethod.GET)
	public String login( LoginForm loginForm,BindingResult br,Model model) {
		return "login";
	}
	@Autowired
	HttpSession session;



	// 処理


	/**
	 * 入力された値を元にログイン認証し、トップ画面に遷移する
	 *
	 * @param req
	 * @param res
	 * @param loginForm 
	 * @return top.html
	 */
	@RequestMapping(path = "/top", method = RequestMethod.POST)
	public String login(@Validated LoginForm loginForm, HttpServletRequest req, HttpServletResponse res,BindingResult br,Model model,HttpSession session) {
		//ログインした人の情報
		String empId = req.getParameter("empId");
		String password = req.getParameter("password");


		Employee employee = empRepository.findByEmpIdAndPassword(empId, password);




		//セッションデータ設定
		session.setAttribute("userInfo",employee);
		//ログインユーザー情報
		model.addAttribute("employee",employee);

		//ログインチェック
		if(employee == null) {
			//存在しない場合
			return "login";

		}else {

			//存在した場合
			//社員情報一覧
			List<Employee> empAll= empRepository.findAll();    
			model.addAttribute("empAll",empAll);




			return "top";

		}
	}

	@RequestMapping(path = "/top", method = RequestMethod.GET)
	public String top(@Validated LoginForm loginForm, HttpServletRequest req, HttpServletResponse res,BindingResult br,Model model,HttpSession session) {
		List<Employee> empAll= empRepository.findAll();    
		model.addAttribute("empAll",empAll);

		return "top";

	}
	//ユーザー更新入力情報　th:object empPost
	@RequestMapping(path = "/mypage", method = RequestMethod.POST)
	public String empUser(@Validated LoginForm loginForm, HttpServletRequest req, HttpServletResponse res,BindingResult br,Model model,HttpSession session) throws ParseException  {
		session = req.getSession();

		String empName = req.getParameter("empName");
		String password = req.getParameter("password");
		String strDate =  req.getParameter("birthday");
		String savegender = req.getParameter("gender");
		SimpleDateFormat sdFormat = new SimpleDateFormat("yyyy-MM-dd");
		Date birthday = sdFormat.parse(strDate);
		

		int gender = Integer.parseInt(savegender);


		Employee userInfo = (Employee) session.getAttribute("userInfo");
		userInfo.setEmpName(empName);
		userInfo.setPassword(password);
		userInfo.setBirthday(birthday);
		userInfo.setGender(gender);

		Employee updateEmployee = empRepository.save(userInfo);
		return "edit_fin";
	}
	// TODO 自動生成されたメソッド・スタブ
	//ログインユーザー情報
	//マイページリンク押下，既存情報の出力
	@RequestMapping(path = "/mypage", method = RequestMethod.GET)
	public String empLink(@Validated LoginForm loginForm, HttpServletRequest req, HttpServletResponse res,BindingResult br,Model model,HttpSession session) {
		session = req.getSession();
		Object userInfo=session.getAttribute("userInfo");
		model.addAttribute("userInfo",userInfo);
		return "mypage";
	}

}

package jp.co.sss.sys.entity;
import java.util.Date;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.Id;
import javax.persistence.Table;
import javax.validation.constraints.NotEmpty;
import javax.validation.constraints.Size;

/**
 * 
 *
 */
@Entity



@Table(name = "employee")
public class Employee {

	
	/*
	 * 社員番号
	 */
	@Id
	@Column(name ="emp_id" )
	@NotEmpty(message = "社員番号は入力必須項目です")
    @Size(max = 5, message = "社員番号は5文字以内で入力してください")
	private String empId;
	
	@Column (name="emp_name")
	@NotEmpty(message = "パスワードは入力必須項目です")
    @Size(max = 16, message = "パスワードは16文字以内で入力してください")
	private String empName;
	
	@Column  (name="password")
	private String password;
	
	@Column  (name="birthday")
	private Date birthday;
	
	@Column  (name="gender")
	private int gender;
	
	@Column  (name="delete_at")
	private Boolean delete;
	
	public void setEmpId(String empId) {
		this.empId = empId;
	}
	public String getEmpId() {
		return empId;
	}

	
	public void setEmpName(String empName) {
		this.empName = empName;
	}
	public String getEmpName() {
		return empName;
	}

	
	public void setPassword(String password) {
		this.password = password;
	}
	public String getPassword() {
		return password;
	}

	
	public void setBirthday(Date birthday) {
		this.birthday = birthday;
	}
	public Date getBirthday() {
		return birthday;
	}

	
	public void setGender(int gender) {
		this.gender = gender;
	}
	public int getGender() {
		return gender;
	}
	
	
	public void setDelete(Boolean delete) {
		this.delete = delete;
	}
	public Boolean getDelete() {
		return delete;
	}
}

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<link th:href="@{/css/style.css}" rel="stylesheet" />
<link th:href="@{/css/layout.css}" rel="stylesheet" />
<title>マイページ変更・確認画面</title>
</head>
<body>
	<!-- ヘッダー -->

	<header th:include="layout/header :: head">
		

	</header>

	<!-- サイドバー -->
	<aside th:include="layout/aside :: side"></aside>
	<!-- メイン -->
	<article class="mypage">
		<form action="" th:action="@{/mypage}" th:field="${userUpdate}"
			method="post">
			<h3 class="page_title">マイページ変更・確認画面</h3>


			<table class="table employee">

				<tr th:each="userInfo : ${userInfo}" th:object="${userInfo}">
				<tr>
					<th class="cell_title">社員番号</th>
					<td th:text="*{userInfo.empId}"></td>
				</tr>
				<tr>
					<th class="cell_title">名前</th>
					<td><input type="text" name="empName"
						th:value="${userInfo.empName}" /></td>

				</tr>
				<tr>
					<th class="cell_title">パスワード</th>
					<td><input type="password" name="password"
						th:value="${userInfo.password}" /></td>

				</tr>
				<tr>
					<th class="cell_title">生年月日</th>
					<td><input type="text" name="birthday"
						th:value="${userInfo.birthday}" /></td>

				</tr>
				<tr>
					<th class="cell_title">性別</th>
					<td><input type="radio" name="gender"
						th:value="${userInfo.gender}"
						th:switch="*{userInfo.gender == 1}"
						th:checked="${userInfo.gender == 1}" /> 男 <input type="radio"
						name="gender" th:switch="*{userInfo.gender == 2}"
						th:checked="${userInfo.gender == 2}"> 女</td>


				</tr>
			</table>
			<div class="btn_area_center">
				<input type="submit" value="変更確定" class="btn">
			</div>




		</form>
	</article>
	<!-- フッダー -->
	<footer th:include="layout/footer :: foot"></footer>

</body>
</html>

試したこと

"yyyy-MM-dd"の部分を変えてはいるがいずれも同じ出力になります．

補足情報（FW/ツールのバージョンなど）

eclipce2022
javaSE16
PostgreSQL

Comments

[1T2R3M4]

https://ja.stackoverflow.com/questions/94292
https://qiita.com/deftech2819/questions/565fb6fafaf63028d463
以下ご対応ください。
https://teratail.com/help#posted-otherservice

[jung]

マルチポストの件確認させていただきました．
対応させていただきました．

Answer 1

以下はどうでしょうか？

<td><input type="text" name="birthday"
	　　　th:value="${#temporals.format(userInfo.birthday, 'yyyy-MM-dd')}" /></td>

Comments

[jung]

回答いただきありがとうございます！
試してみたのですが，秒数のところまで，出力されてしまう形は変わりませんでした．

[jung]

お世話になっております．
下記の
th:value="${#temporals.format(userInfo.birthday, 'yyyy-MM-dd')}"
を
th:value="${#dates.format(userInfo.birthday, 'yyyy-MM-dd')}"
に変更し対応させていただいたところ，望んだ挙動になりました！
ご回答いただきありがとうございました！

Answer 2

文字列を "yyyy-MM-dd" でパースして Date 変数に入れたからといって、その変数を(文字列化して)表示すると "yyyy-MM-dd" になるわけではありません。
必要なフォーマットになるように文字列に変換しなければなりません。

Comments

[jung]

申し訳ございません．初心者で認識が追いついていないのですが，
1,htmlから文字列を受け取り，
2,String型⇨Date型へ変換
3,Date型の変数を必要なフォーマットになるように文字列に変換
以上の工程を踏まないと求めているパターンには変換されないという認識でお間違い無かったでしょうか
ご確認宜しくお願い致します．

[jimbe]

現状は 3 が無い状態ですね。

[jung]

申し訳ございません．
3のやり方がわからずでした！
ご回答いただきありがとうございます！

[jimbe]

java なら(文字列→Date に使っているのと同じ) SimpleDateFormat の format メソッドで Date→文字列 も出来るのですが、 mypage.html でどう書けば良いのかは分からないので・・・。

[jung]

ご丁寧にご対応いただきありがとうございます！
htmlでの書き方等調査したいと思います！
ありがとうございました！