最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScript日付


Dateオブジェクトを使用すると、日付(年、月、日、時間、分、秒、ミリ秒)で動作することができます


JavaScriptの日付形式

JavaScriptの日付は文字列として記述することができます。

日2016年11月6日午前6時57分46秒GMT + 0800(中国标准时间)

または番号など:

1478386666530

数字で書かれた日付は、1970年1月1日00:00:00からのミリ秒数を指定します。


日付を表示します

このチュートリアルでは、内部の日付を表示するためのスクリプトを使用して<p>を持つ要素id="demo"

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = Date();
</script>
»それを自分で試してみてください

上記のスクリプトは言う:の値代入Date()コンテンツ(にinnerHTMLを持つ要素の) id="demo"

あなたはこのページの下部に、より読みやすい形式で、日付を表示する方法を学習します。


日付オブジェクトの作成

Dateオブジェクトは、私たちは、日付を処理することができます。

日付は年から成り、月、日、時、分、秒、ミリ秒。

Dateオブジェクトを使用して作成されたnew Date()コンストラクタ。

日付を開始する4つの方法があります:

new Date()
new Date(milliseconds)
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)

使用new Date()現在の日付と時刻を持つ新しい日付オブジェクトを作成します。

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d;
</script>
»それを自分で試してみてください

新しいDate( 日付文字列)を使用して、 指定された日時から新しい日付オブジェクトを作成します。

<script>
var d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML = d;
</script>
»それを自分で試してみてください

有効な日付文字列(日付形式)は、次の章で説明されています。

新しい日付( 番号使用して、 ゼロ時間を加えた数として新しい日付オブジェクトを作成します。

ゼロ時間は、 01 January 1970 00:00:00 UTC 。 数は、ミリ秒単位で指定します:

<script>
var d = new Date(86400000);
document.getElementById("demo").innerHTML = d;
</script>
»それを自分で試してみてください

JavaScriptの日付は1970年1月1日午前〇時00分00秒世界時(UTC)からのミリ秒単位で計算されます。 ある日は、86,400,000ミリ秒が含まれています。

使用してnew Date (7番号指定された日時を持つ新しい日付オブジェクトを作成します。

7番号の順に、年、月、日、時、分、秒、ミリ秒を指定します。

<script>
var d = new Date(99,5,24,11,33,30,0);
document.getElementById("demo").innerHTML = d;
</script>
»それを自分で試してみてください

例の変異体は、上記の私たちは、最後の4つのパラメータのいずれかを省略してみましょう:

<script>
var d = new Date(99,5,24);
document.getElementById("demo").innerHTML = d;
</script>
»それを自分で試してみてください

JavaScriptは、1月11に0から数ヶ月をカウント0 12月11日です。


日付の方法

Dateオブジェクトが作成されると、多くの方法は、あなたがそれを操作できるようにします。

日付の方法は、あなたが取得し、年、月、日、時、分、オブジェクトの秒、ミリ秒、使用してローカル時間のいずれか、または(ユニバーサル、またはGMT)UTC時刻を設定することができます。

日付の方法は、後の章で説明されています。


日付を表示します

あなたがHTMLで日付オブジェクトを表示すると、自動的に、文字列に変換されるtoString()メソッド。

<p id="demo"></p>

<script>
d = new Date();
document.getElementById("demo").innerHTML = d;
</script>

同じです。

<p id="demo"></p>

<script>
d = new Date();
document.getElementById("demo").innerHTML = d.toString();
</script>
»それを自分で試してみてください

toUTCString()メソッドは、UTCの文字列(日付表示標準)に日付を変換します。

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toUTCString();
</script>
»それを自分で試してみてください

toDateString()メソッドは、より読みやすい形式に日付を変換します。

<script>
var d = new Date();
document.getElementById("demo").innerHTML = d.toDateString();
</script>
»それを自分で試してみてください

Dateオブジェクトは静的です。 コンピュータ時間が刻々と過ぎているが、日付オブジェクトは、一度作成した、ではありません。


時間帯

時間帯を指定せずに、日付を設定する場合、JavaScriptはブラウザのタイムゾーンを使用します。

日付を取得する際に、時間帯を指定せずに、結果がブラウザのタイムゾーンに変換されます。

言い換えると、日付/時刻はGMT(グリニッジ標準時)に作成された場合、ユーザは、中央アメリカから閲覧した場合、日付/時刻は、CDT(米国中部夏時間)に変換されます。

次の章でタイムゾーンについては、こちらをご覧ください。


練習で自分自身をテスト!

演習1» 演習2» 演習3»