new Date().toLocaleString()
toLocaleDateString เป็นเมธอดของ Date เพื่อใช้แปลงออบเจ็กต์ของ Date เป็นข้อความวันที่ตาม Locale และฟอร์แมตที่ระบุ มีรูปแบบการใช้งานคือ dateObj.toLocaleString(locales, options)
locales กรอกหรือไม่กรอกก็ได้ เป็นรูปแบบเฉพาะของภาษาที่ใช้ อย่างของไทยเราใช้ th-TH (ใส่ค่าเป็น String)
options กรอกหรือไม่กรอกก็ได้ เป็นรูปแบบของ date และ time ที่มีให้เราเลือกใช้แบบต่าง ๆ ที่กำหนดไว้แล้ว เช่น
Ref. JavaScript Date toLocaleString() Method (w3schools.com)
ดู >> ตัวอย่าง
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>untitled</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 1.38" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<form class="row g-3 mt-4" class="d-flex justify-content-center">
<div class="col-md-6 mb-3">
<label for="input0" class="form-label">เลือกวันที่</label>
<input type="date" class="form-control" id="input0" onchange="settime()">
</div>
<div class="col-md-6 mb-3">
<label for="input1" class="form-label">รูปแบบวันที่</label>
<input type="text" class="form-control" id="input1" readonly>
</div>
<h3>รูปแบบภาษาไทย</h3>
<div class="col-md-6 mb-3">
<label for="input2" class="form-label">วัน วันที่</label>
<input type="text" class="form-control" id="input2" readonly>
</div>
<div class="col-md-6 mb-3">
<label for="input3" class="form-label">วันที่</label>
<input type="text" class="form-control" id="input3" readonly>
</div>
<div class="col-md-6 mb-3">
<label for="input4" class="form-label">วัน เวลา ปัจจุบัน</label>
<input type="text" class="form-control" id="input4" readonly>
</div>
</form>
</div>
<script>
function settime(){
const dateSel = document.querySelector("#input0").value
const date = new Date(dateSel)
//วัน วันที่
const result = date.toLocaleDateString('th-TH', {
year: 'numeric',
month: 'long',
day: 'numeric',
weekday: 'long',
})
// วันที่
const result2 = date.toLocaleDateString('th-TH', {
year: 'numeric',
month: 'long',
day: 'numeric',
})
// วัน เวลา ปัจจุบัน
const d = new Date()
const result3 = d.toLocaleString('th-TH', {
dateStyle: 'long',
timeStyle: 'medium'
})
document.querySelector("#input1").value = dateSel
document.querySelector("#input2").value = result
document.querySelector("#input3").value = result2
document.querySelector("#input4").value = result3
}
</script>
</body>
</html>