首頁  >  文章  >  web前端  >  如何使用 JavaScript 將格式化日期新增至輸入欄位?

如何使用 JavaScript 將格式化日期新增至輸入欄位?

Susan Sarandon
Susan Sarandon原創
2024-10-21 19:42:02454瀏覽

How to Add a Formatted Date to an Input Field Using JavaScript?

如何在JavaScript 中將格式化日期新增至輸入欄位

您想要將目前日期附加到隱藏的HTML 欄位以進行伺服器傳輸:

<code class="html"><input type="hidden" id="DATE" name="DATE" value="WOULD_LIKE_TO_ADD_DATE_HERE"></code>

解決方案:

利用以下JavaScript 代碼:

<code class="js">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>

其他信息:

  • 取得目前日期:使用new Date() 建構子。
  • 格式化日期:使用條件語句以零填滿個位數日期。

以上是如何使用 JavaScript 將格式化日期新增至輸入欄位?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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