JavaScript の簡単な説明 日付と時刻オブジェクト_基礎知識

日付日時オブジェクト

1. はじめに

Date オブジェクトは日付と時刻を操作するオブジェクトです。 Date オブジェクトは、メソッドを介して日付と時刻のみを操作できます。

2. コンストラクター

2.1 new Date(): 現在のローカル日付と時刻を返します
パラメータ: なし

戻り値:

{Date} は、ローカルの日付と時刻を表す Date オブジェクトを返します。

例:

コードをコピーします コードは次のとおりです:

var dt = 新しい日付();
console.log(dt); // => ローカルの日付と時刻を表す Date オブジェクトを返します

2.2 新しい日付(ミリ秒): ミリ秒を日付オブジェクトに変換します
パラメータ:

①milliseconds {int}: ミリ秒数。「1970/01/01 00:00:00」を起点としたミリ秒数を示します。

注: 現在のタイムゾーンを開始点に追加する必要があります。北京時間のタイムゾーンは東 8 区です。実際の開始時刻は「1970/01/01 08:00:00」です。

戻り値:

{Date} は、重ね合わせた Date オブジェクトを返します。

例:

コードをコピーします コードは次のとおりです:

var dt = new Date(1000 * 60 * 1) // 1 分進むミリ秒数
console.log(dt); // => {日付}:1970/01/01 08:01:00
dt = new Date(-1000 * 60 * 1) // 1 分前に戻るミリ秒数
console.log(dt); // => {日付}:1970/01/01 07:59:00

2.3 new Date(dateStr): 文字列を Date オブジェクトに変換します
パラメータ:

①dateStr {string}: Date オブジェクトに変換できる文字列 (時刻は省略可能) 文字列には主に 2 つの形式があります。

1) yyyy/MM/dd HH:mm:ss (推奨): 時刻を省略した場合、返される Date オブジェクトの時刻は 00:00:00 です。

2) yyyy-MM-dd HH:mm:ss: 時刻を省略した場合、返される Date オブジェクトの時刻は 08:00:00 (+ ローカル タイム ゾーン) になります。時刻を省略しないと、この文字列は IE で変換できません!

戻り値:

{Date} は、変換された Date オブジェクトを返します。

例:

コードをコピーします コードは次のとおりです:

var dt = 新しい日付('2014/12/25') // yyyy/MM/dd
; console.log(dt); // => {日付}:2014/12/25 00:00:00
dt = 新しい日付('2014/12/25 12:00:00'); // yyyy/MM/dd HH:mm:ss
console.log(dt); // => {日付}:2014/12/25 12:00:00
dt = 新しい日付('2014-12-25') // yyyy-MM-dd
; console.log(dt); // => {日付}:2014-12-25 08:00:00 (東 8 地区のタイムゾーンを追加)
dt = new Date('2014-12-25 12:00:00'); // yyyy-MM-dd HH:mm:ss (注: この変換方法は IE でエラーを報告します!)
console.log(dt); // => {日付}:2014-12-25 12:00:00

2.4 new Date(年、月、opt_day、opt_hours、opt_分、opt_秒、opt_ミリ秒): 年、月、日、時、分、秒を Date オブジェクトに変換します

パラメータ:

①年 {int}: 4 桁の年。例: 1999、2014

②month {int}: 2桁の月。計算は 0 から始まり、0 は 1 月、11 は 12 月を表します。

③opt_day {int} オプション: 1 から数えて 2 桁の数字。1 は No. 1 を意味します。

④opt_hours {int} オプション: 2 桁の値。

⑤opt_ minutes {int} オプション: 分値 0 ～ 59。

⑥opt_seconds {int} オプション: 秒、数値なし。0 ～ 59。

⑦opt_milliseconds {int} オプション: ミリ秒の値 0 ～ 999。

戻り値:

{Date} は、変換された Date オブジェクトを返します。

例:

コードをコピーします コードは次のとおりです:

var dt = new Date(2014, 11); // 2014 年 12 月 (ここに入力した月番号は 11)
console.log(dt); // => {日付}:2014/12/01 00:00:00
dt = new Date(2014, 11, 25) // 2014 年 12 月 25 日
; console.log(dt); // => {日付}:2014/12/25 00:00:00
dt = new Date(2014, 11, 25, 15, 30, 40) // 2014 年 12 月 25 日 15:30:40
; console.log(dt); // => {日付}:2014/12/25 15:30:40
dt = new Date(2014, 12, 25); // 2014 年 12 月 25 日 (ここに入力した月番号は 12 で、これは 13 番目の月を意味し、2 年目の 1 月にジャンプします)
console.log(dt); // => {日付}:2015/01/25

3. 属性

なし。Date オブジェクトはメソッドを通じてのみ日付と時刻を操作できます。

4. インスタンスメソッド

Date オブジェクトのインスタンス メソッドは、主にローカル時間と UTC 時間の 2 つの形式に分けられます。通常、これら 2 つの時刻形式では同じメソッドが動作します (メソッド名に UTC が付いているものは UTC 時間の動作です)。ここでは主にローカル時間の動作を紹介します。

4.1 getメソッド
4.1.1 getFull Year(): Date オブジェクトの年の値を 4 桁で返します。

4.1.2 getMonth(): Date オブジェクトの月の値を返します。 0 から始まるため、実際の月 = 戻り値 1 になります。

4.1.3 getDate(): Date オブジェクトの月の日付値を返します。値の範囲は 1 ～ 31 です。

4.1.4 getHours(): Date オブジェクトの時間の値を返します。

4.1.5 getMinutes(): Date オブジェクトの分の値を返します。

4.1.6 getSeconds(): Date オブジェクトの秒の値を返します。

4.1.7 getMilliseconds(): Date オブジェクトのミリ秒値を返します。

4.1.8 getDay(): Date オブジェクトの曜日の値を返します。0 は日曜日、1 は月曜日、2 は火曜日などです。

4.1.9 getTime(): Date オブジェクトと「1970/01/01 00:00:00」の間のミリ秒値を返します (北京時間のタイムゾーンは東 8 区で、実際の開始時間は次のとおりです)。 1970/01/01 08:00:00')。

例:

コードをコピーします コードは次のとおりです:

dt.getFull Year(); // => 2014 年
dt.getMonth(); // => 11: 実際の月 (月は 0 から始まります)
dt.getDate(); // => 25: 日
dt.getHours(); // => 15: 時間
dt.getMinutes(); // => 30: 分
dt.getSeconds(); // => 40: 秒
dt.getMilliseconds(); // => 333: ミリ秒
dt.getDay(); // => 4: 曜日の値
dt.getTime(); // => 1419492640333: Date オブジェクトと '1970/01/01 00:00:00' の間のミリ秒の値を返します (北京時間のタイムゾーンは東 8 区、実際の開始時刻は:' 1970/01/01 08:00:00')

4.2 設定方法
4.2.1 setFull Year(year, opt_month, opt_date): Date オブジェクトの年の値を 4 桁で設定します。

4.2.2 setMonth(month, opt_date): Date オブジェクトの月の値を設定します。 0 は 1 月を表し、11 は 12 月を表します。

4.2.3 setDate(date): Date オブジェクトの月の日付値を設定します。値の範囲は 1 ～ 31 です。

4.2.4 setHours(hour, opt_min, opt_sec, opt_msec): Date オブジェクトの時間の値を設定します。

4.2.5 setMinutes(min, opt_sec, opt_msec): Date オブジェクトの分の値を設定します。

4.2.6 setSeconds(sec, opt_msec): Date オブジェクトの秒値を設定します。

4.2.7 setMilliseconds(msec): Date オブジェクトのミリ秒値を設定します。

例:

コードをコピーします コードは次のとおりです:

var dt = 新しい日付();
dt.setFull Year(2014); // => 2014: 年
dt.setMonth(11); // => 11: 実際は 12 月 (月は 0 から始まります)
dt.setDate(25); // => 25: 日
dt.setHours(15); // => 15: 時間
dt.setMinutes(30); // => 30: 分
dt.setSeconds(40); // => 40: 秒
dt.setMilliseconds(333); // => 333: ミリ秒
console.log(dt); // => 2014 年 12 月 25 日 15:30:40 333 ミリ秒

4.3 その他の方法
4.3.1 toString(): 日付を「年、月、日、時、分、秒」の文字列に変換します

4.3.2 toLocaleString(): 日付を「年、月、日、時、分、秒」のローカル形式の文字列に変換します

4.3.3 toDateString(): 日付を「年、月、日」の文字列に変換します

4.3.4 toLocaleDateString(): 日付を「年、月、日」のローカル形式文字列に変換します

4.3.5 toTimeString(): 日付を「時、分、秒」の文字列に変換します

4.3.6 toLocaleTimeString(): 日付を「時、分、秒」のローカル形式の文字列に変換します

4.3.7 valueOf(): getTime() と同じで、Date オブジェクトと「1970/01/01 00:00:00」の間のミリ秒の値を返します (北京時間のタイムゾーンは東 8 区、実際の開始時間は: '1970/01/01 08:00:00')

例:

コードをコピー コードは次のとおりです:

var dt = 新しい日付();
console.log(dt.toString()); // => 2014 年 12 月 23 日火曜日 22:56:11 GMT 0800 (中国標準時): 日付を年、月、日、時、分、秒に変換します。 ' 文字列
console.log(dt.toLocaleString()); // => 2014 年 12 月 23 日 10:56:11 pm: 日付を「年、月、日、時、分、秒」のローカル形式の文字列に変換します。 🎜> console.log(dt.toDateString()); // => 2014 年 12 月 23 日: 日付を「年、月、日」の文字列に変換します。 console.log(dt.toLocaleDateString()); // => 2014 年 12 月 23 日: 日付を「年、月、日」のローカル形式の文字列に変換します
console.log(dt.toTimeString()); // => 22:56:11 GMT 0800 (中国標準時): 日付を「時、分、秒」の文字列に変換します
console.log(dt.toLocaleTimeString()); // => 10:56:11 PM: 日付を「時、分、秒」のローカル形式文字列に変換します。 console.log(dt.valueOf()); // => Date オブジェクトと「1970/01/01 00:00:00」の間のミリ秒の値を返します (北京時間のタイムゾーンは東 8 区です)。実際の開始時間は: '1970/01/01 08:00:00')

5. 静的メソッド

5.1 Date.now() 説明: 現在の日時の Date オブジェクトと '1970/01/01 00:00:00' の間のミリ秒値を返します (北京時間のタイムゾーンは東 8 区、実際の開始時刻は '1970/) 01/01 08 :00:00')

パラメータ: なし

戻り値:

{int}: 現在時刻と開始時刻の間のミリ秒数。

例:

コードをコピーします コードは次のとおりです: console.log(Date.now()); // => 1419431519276

5.2 Date.parse(dateStr)

説明: 文字列を Date オブジェクトに変換し、この Date オブジェクトと「1970/01/01 00:00:00」の間のミリ秒値を返します (北京時間のタイムゾーンは東 8 区で、実際の開始時間は: '1970 /01/01 08:00:00')

パラメータ:

①dateStr {string}: Date オブジェクトに変換できる文字列 (時刻は省略可能) 文字列には主に 2 つの形式があります。

1) yyyy/MM/dd HH:mm:ss (推奨): 時刻を省略した場合、返される Date オブジェクトの時刻は 00:00:00 です。

2) yyyy-MM-dd HH:mm:ss: 時刻を省略した場合、返される Date オブジェクトの時刻は 08:00:00 (+ ローカル タイム ゾーン) になります。時間が省略されない場合、この文字列は IE で NaN (数値ではない) を返します!

戻り値:

{int} 変換された Date オブジェクトと開始時刻の間のミリ秒数を返します。

例:

コードをコピーします

コードは次のとおりです: console.log(Date.parse('2014/12/25 12:00:00')); // => 1419480000000 console.log(Date.parse('2014-12-25 12:00:00')); // => 1419480000000 (注: この変換メソッドは IE で NaN を返します!)

6. 実際の操作

6.1 C# の DateTime 型を Js の Date オブジェクトに変換する 注: Json シリアル化を通じてフロント デスクに返される C# の DateTime 型の形式は、「/Date(1419492640000)/」です。中央の数字は、DateTime 値と開始時刻の間のミリ秒数を表します。

例:

バックエンドコード: シンプルなashx

コードをコピーします

コードは次のとおりです: public void ProcessRequest (HttpContext コンテキスト) { System.Web.Script.Serialization.JavaScriptSerializer js = new System.Web.Script.Serialization.JavaScriptSerializer();

DateTime dt = DateTime.Parse("2014-12-25 15:30:40");

String rs = js.Serialize(dt) // Json
にシリアル化します。 Context.Response.ContentType = "テキスト/プレーン";
context.Response.Write(rs);
}



フロントエンドコード:

コードをコピーします

コードは次のとおりです: var dateTimeJsonStr = '/Date(1419492640000)/' // C# DateTime 型変換用の Json 形式 var msecStr = dateTimeJsonStr.toString().replace(//Date(([-]?d ))//gi, "$1") // => '1419492640000': 通常の置換を通じてミリ秒の文字列を取得します 🎜 > var msesInt = Number.parseInt(msecStr) // ミリ秒文字列を数値に変換します

var dt = new Date(msesInt) //日付オブジェクトを初期化します

console.log(dt.toLocaleString()); // => 2014 年 12 月 25 日 3:30:40

6.2 カウントダウンを取得
説明: 現在時刻が目的地の時刻から何日、何時、何分であるかを計算します。

例:

コードをコピーします コードは次のとおりです:

/**
* カウントダウンに戻る
* @param dt {Date}: 宛先日付オブジェクト
* @return {Strin}: 返却カウントダウン: X 日 X 時間 X 分
*/
function getDownTime(dt) {
// 1. カウントダウンを取得します
var intervalMsec = dt - Date.now(); // 目的地の時刻から現在時刻を減算し、2 つの時刻の差のミリ秒数を取得します
var intervalSec = intervalMsec / 1000 // 秒に変換
var day = parseInt(intervalSec / 3600 / 24) // 日数
; varhour = parseInt((intervalSec - day * 24 * 3600) / 3600); // 時間
var min = parseInt((intervalSec - 日 * 24 * 3600 - 時間 * 3600) // 分
;
// 2. ミリ秒単位の差が 0 未満の場合、この時点で取得される値はすべて負の値であることを意味します: -X 日 - 時間 - 分。その前の負の日のみが表示されます。
If (intervalMsec 時間 = 0 - 時間;
分 = 0 - 分;
}

// 3. 文字列を連結して
を返します var rs = 日 '日' 時 '時' 分 '分';
rs を返します;
}

// 現在時刻: 2014/12/28 13:26
console.log(getDownTime(new Date('2015/06/01'))); // => 154 日 10:33
console.log(getDownTime(new Date('2014/01/01'))); // => -361 日 13:26

6.3 2 つの Date オブジェクトのサイズを比較する
注: この 2 つを開始時間のミリ秒数で比較すると、サイズを区別できます。

例:

コードをコピーします コードは次のとおりです:

var dt1 = 新しい日付('2015/12/01');
var dt2 = 新しい日付('2015/12/25');
console.log(dt1 > dt2); // => false