JavaScript での日付オブジェクトの作成と日付書式設定メソッドの概要

伊谢尔伦
リリース: 2017-07-18 13:13:44
オリジナル
4922 人が閲覧しました

JavaScript 参照型 time Date

日付オブジェクトを作成する

JavaScript では、Date() コンストラクターを使用して、次のような日付オブジェクトを作成できます。

var date=new Date();
ログイン後にコピー

date パラメーターがコンストラクターに渡されない場合を実行すると、現在の日付と時刻を保持するオブジェクトが作成されます。

もちろん、特定の日付と時刻に基づいて日付オブジェクトを作成したい場合は、日付を表すパラメーターをコンストラクターに渡すだけで作成できます。

Date() コンストラクターが受け入れることができる一般的に使用される日付形式は次のとおりです:

「月/日/年」 (2/27/2014 など);
「英語の月名、日、年」 (2 月など) 27, 2014;
「年、月、日、時、分、秒、ミリ秒」、例: 2014,1,27,11,22,22

以下は、上記の形式で日付オブジェクトを作成します:

var date1=new Date("2/27/2014"); 
alert(date1); //Thu Feb 27 2014 00:00:00 GMT+0800
var date2=new Date("February 27,2014");
alert(date2); //Thu Feb 27 2014 00:00:00 GMT+0800
var date3=new Date(2014,1,27,11,24,0);
alert(date3); //Thu Feb 27 2014 11:24:00 GMT+0800
var date4=new Date(2014,1,27);
alert(date4); //Thu Feb 27 2014 00:00:00 GMT+0800
var date5=new Date("2014,1,27,11,24,0");
alert(date5); //Invalid Date
ログイン後にコピー

上記の例を通して、それらの違いに気づくかもしれません:

まず、最初の 2 つのメソッドを使用して日付オブジェクトを作成するときは、それを文字列の形式でパラメータとして渡す必要があります。 3 番目のメソッドを使用する場合、作成時に文字列として渡すことはできず、各値を個別の値として渡す必要があります。

2 番目に、3 番目のメソッドを使用して日付を作成する場合、その月は 0 から始まります。つまり、1 月は 0 に対応しますが、最初の 2 つのメソッドは通常の月です。 2月が2に相当することを意味します。

3番目、3番目の表現方法を使用する場合、年と月は必須であり、他のパラメータが省略された場合は0として表現されます。
注: 最初の 2 つのメソッドは、表示されている Date.parse() メソッドの呼び出しと同じ結果を取得し、3 番目のメソッドは、表示されている Date.UTC() メソッドの呼び出しと同じ結果を取得します。

継承メソッド

Date 型は、toString()、toLocaleString()、および valueOf() メソッドも継承します。これらのメソッドを呼び出して取得される値の形式はブラウザごとに異なります。具体的には、自分で呼び出してみることができます。

日付書式設定メソッド

Date 型には、次のように、日付を文字列に書式設定するために特別に使用されるメソッドもいくつかあります:

toDateString() - 実装された特定の形式で曜日、月、日を表示します。 、年;

toTimeString() - 実装固有の形式で時間、分、秒、タイムゾーンを表示します。

toLocaleDateString() - 地域固有の形式で曜日、月、日、年を表示します。
toLocaleTimeString() - 時、分、秒を現実固有の形式で表示します。


toUTCString() - 完全な UTC 日をディスプレイ固有の形式で表示します

以上がJavaScript での日付オブジェクトの作成と日付書式設定メソッドの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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