ホームページ > ウェブフロントエンド > jsチュートリアル > Javascript を使用して現在の日付を dd/mm/yyyy 形式で入力に追加する方法

Javascript を使用して現在の日付を dd/mm/yyyy 形式で入力に追加する方法

Barbara Streisand
リリース: 2024-10-21 19:48:29
オリジナル
413 人が閲覧しました

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. 日付の書式設定: 追加特に 1 桁の月と日の場合、適切な書式設定を確保するために先行ゼロを使用します。
  4. 書式設定された日付の構築: 書式設定されたコンポーネント (dd '/' mm '/' yyyy) を連結して取得します。必要な dd/mm/yyyy 形式。
  5. HTML 入力の更新: 非表示の入力要素 (document.getElementById('DATE').value = formattedToday;) の value 属性を次のように設定します。フォーマットされた現在の日付。

コード例:

<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 中国語 Web サイトの他の関連記事を参照してください。

ソース:php
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート