首頁 >web前端 >js教程 >如何使用 Javascript 將 dd/mm/yyyy 格式的目前日期附加到輸入?

如何使用 Javascript 將 dd/mm/yyyy 格式的目前日期附加到輸入?

Barbara Streisand
Barbara Streisand原創
2024-10-21 19:48:29417瀏覽

How to Append the Current Date in dd/mm/yyyy Format to an Input Using Javascript?

如何在Javascript 中獲取和格式化當前日期並將其附加到輸入

以dd/mm/yyyy 格式添加當前日期到隱藏的HTML 輸入字段,您可以使用Javascript。請依照下列步驟操作:

  1. 建立一個新的 Date 物件: 實例化一個 Date 物件 (const Today = new Date();) 來表示目前日期。
  2. 提取日期組件:從 Date 物件中提取年 (yyyy)、月 (mm) 和日 (dd)。
  3. 格式化日期: 新增前導零以確保格式正確,特別是對於單位數月份和日期。
  4. 建構格式化日期:連接格式化組件 (dd '/' mm '/' yyyy) 以獲得所需的 dd/mm/yyyy 格式。
  5. 更新 HTML 輸入: 將隱藏輸入元素的 value 屬性 (document.getElementById('DATE').value = formattedToday;) 設定為格式化的目前日期。

範例程式碼:

<code class="javascript">const today = new Date();
const yyyy = today.getFullYear();
let mm = today.getMonth() + 1; // Months start at 0!
let dd = today.getDate();

if (dd < 10) dd = '0' + dd;
if (mm < 10) mm = '0' + mm;

const formattedToday = dd + '/' + mm + '/' + yyyy;

document.getElementById('DATE').value = formattedToday;</code>

以上是如何使用 Javascript 將 dd/mm/yyyy 格式的目前日期附加到輸入?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn