首頁 > web前端 > js教程 > 主體

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

Susan Sarandon
發布: 2024-10-21 19:42:02
原創
457 人瀏覽過

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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!