ホームページ > 記事 > ウェブフロントエンド > jqueryで日付を文字列に変換する方法
jqueryで日付を文字列に変換する方法
- PHPzオリジナル
- 2023-04-17 10:28:351348ブラウズ
フロントエンド開発では、日付処理は非常に一般的なタスクです。ただし、データベースに日付を保存したり、データを送信したりする場合、多くの場合、日付オブジェクトを文字列に変換する必要があります。この記事ではjQueryを使って日付オブジェクトを文字列に変換する方法を紹介します。
1. JavaScript 日付オブジェクトの概要
日付を文字列に変換する方法を学ぶ前に、まず JavaScript の日付オブジェクトを理解する必要があります。 JavaScript の日付オブジェクトは時刻と日付を表すために使用され、対応する操作を実行できます。日付オブジェクトを作成する方法は非常に簡単で、Date() コンストラクターを使用するだけです。
例:
var date = new Date(); console.log(date); // 输出当前日期和时间
ここでは、日付オブジェクトを作成するだけでなく、日付オブジェクトを出力します。このコードは、現在の日付と時刻を出力します。例: 火曜日 8 月 31 2021 16:16:53 GMT 0800 (中国標準時)。
2. 日付オブジェクトを文字列に変換する
次に、jQuery を使って日付オブジェクトを文字列に変換する方法を紹介します。 jQuery は、日付の書式設定に特化したプラグイン、jQuery UI Datepicker を提供します。プラグインの dateFormat プロパティを使用して、日付オブジェクトを文字列に変換できます。
var date = new Date();
var dateString = $.datepicker.formatDate('yy-mm-dd', date);
console.log(dateString); // 输出格式化后的日期字符串
ここでは、最初に日付オブジェクトを作成し、次に $.datepicker.formatDate メソッドを使用して日付オブジェクトを文字列に変換し、文字列の形式を「yy-mm-dd」として定義します。 '。最後に、文字列をコンソールに出力します。
3. 日付フォーマットのパラメーター リスト
上記のコードでは、dateFormat 属性を確認し、フォーマットを「yy-mm-dd」に設定しました。では、この属性のオプションの値は何でしょうか? jQuery UI Datepicker でサポートされている書式設定パラメーターを紹介します。
| #Parameter | Description |
|---|---|
| 毎月 1 日 (1-31) | |
| 毎月 1 日 (01-31) | |
| 曜日の省略形 (例:月曜日、火曜日など) | |
| 曜日の完全な名前 (例: 月曜日、火曜日など) | |
| Month (1-12) | |
| Month (01-12) | |
| 月の省略形 (例: January 、2月など) | |
| 月の完全な名前(例: 1月、2月など) | |
| 年 2 桁の表現 (例: 21、22 など) | |
| 4 桁の表現今年 (例: 2021、2022 など) | |
| 時間 (0-23) | |
| 時間 (00 ～ 23) | |
| 時間 (0 ～ 12) | # #HH |
| MM | |
| #MM | |
| s | |
| #ss | |
| l または L | |
| t または T | |
| z または zz または zzz | |
| 4. サンプル コード |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery日期转字符串</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/smoothness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
</head>
<body>
<div id="date"></div>
<script>
var date = new Date();
var dateString = $.datepicker.formatDate('yy-mm-dd', date);
$("#date").text(dateString); // 将日期字符串输出到div元素中
</script>
</body>
</html>
最初に jQuery および jQueryUI リソース ファイルを導入し、次に $ を使用しました。 .datepicker.formatDate メソッドは、日付オブジェクトを文字列に変換し、文字列の形式を 'yy-mm-dd' に設定します。 。最後に、日付文字列を div 要素に出力します。
5. 概要
この記事では、jQuery を使用して JavaScript 日付オブジェクトを文字列に変換する方法を紹介し、jQuery UI Datepicker でサポートされる日付書式設定パラメーターのリストを示します。理解を深めるために、読者の参照用に完全なデモ コードも提供します。
もちろん、jQuery のコードはすでに非常に簡潔ですが、プロジェクトでフレームワークを使用する場合、そのフレームワークには日付をより便利に処理できる独自の日付処理ライブラリもあります。
以上がjqueryで日付を文字列に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。