JQueryを使用して日付を日付形式に変換する方法

Web サイト開発では、日付変換は非常に一般的な要件です。多くの場合、日付を簡単に比較、計算、表示できるように、日付文字列を標準の日付形式に変換する必要があります。 JQuery フレームワークは、日付形式の変換を処理するためのより簡単な方法を提供します。

この記事では、JQuery を使用して日付文字列を標準の日付形式に変換する方法を紹介し、特定の操作を説明するサンプル コードをいくつか示します。

1. JQuery ライブラリ ファイルをインポートする

JQuery を使用して日付形式を処理する前に、まず JQuery ライブラリ ファイルを導入する必要があります。これは、次のコードを通じて導入できます:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

2. 日付文字列を日付オブジェクトに変換します

JQuery フレームワークでは、Date() を使用できます。日付を変換する関数 文字列を日付オブジェクトに変換します。構文は次のとおりです。

new Date(dateString);

このうち、dateString は日付を表す文字列で、次の内容を含めることができます。

• 日付と文字列を含む文字列時間情報。例: "2021-06-29 10:30:00"
• 日付情報のみを含む文字列。例: "2021-06-29"
• を含む文字列。時間情報のみ (例: "10:30:00"

以下は、日付文字列「2021-06-29」を日付オブジェクトに変換するコード例です:

var dateObj = new Date("2021-06-29");

3. 日付オブジェクトを指定された形式の文字列に変換する

JQuery では、date.format() 関数を使用して、日付オブジェクトを文字列に形式設定できます。指定されたフォーマット。構文は次のとおりです。

dateObj.format(formatString);

このうち、formatString は日付形式を表す文字列であり、次のプレースホルダーを含めることができます:

• yyyy : 4 桁の年、例: "2021"
• yy: 2 桁の年、例: "21"
• MM : 月 (例: "06"
• MM: 先行ゼロなしの月、例: "6"
• dd : 「29」
• d など、先行ゼロのある日付: 「29」
• HH など、先行ゼロのない日付: with 先行ゼロを含む時間数 (24 時間形式)、例: "10"
• H: 先行ゼロを含まない時間数 (24 時間形式)、例: "10"
• hh: 先頭にゼロを付けた時間数、12 時間形式、例: "10"
• h: 先行ゼロなしの時間数、12 時間制、例: "10"
• mm: 先行ゼロありの分、例: "30"
• m: 先頭のゼロなしの分 (例: "30"
• ss: 先頭のゼロ付きの秒、例: "00"
• s: 先頭のゼロを除いた秒数 ​​(例: "0")
• #a: 小文字の午前または午後の指定 (例: "am" または ") pm"

次に、日付オブジェクト dateObj を文字列「2021-06-29」にフォーマットするコード例を示します。

var dateString = $.format.date(dateObj, "yyyy-MM-dd");

4.完全なコード例

以下は、現在時刻に基づいて翌月の初日を生成する完全なコード例です:

$(document).ready(function(){
  var nowDate = new Date(); //当前时间
  var nextMonth = new Date(nowDate.setMonth(nowDate.getMonth()+1)); //下一个月
  nextMonth.setDate(1); //设置为下一个月的第一天
  var firstDate = $.format.date(nextMonth, "yyyy-MM-dd"); //格式化日期为"yyyy-MM-dd"的字符串
  alert(firstDate); //弹出结果
});

上記は、JQuery を使用して日付文字列を変換する方法です。日付形式に変換します。お役に立てば幸いです。

以上がJQueryを使用して日付を日付形式に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。