JavaScript 날짜(Date)

JavaScript의 날짜와 시간

JavaScript 날짜 객체를 사용하여 날짜를 처리할 수 있습니다。

JavaScript에서 달력, 기차 시간표 또는 약속 설정을 위한 인터페이스를 포함한 웹사이트를 만들고 싶을 수 있습니다。

이 애플리케이션은 사용자의 현재 시간대에 맞는 시간을 표시해야 합니다。

Tue Aug 11 2020 22:34:40 GMT+0800 (중국 표준 시간)

날짜 객체

Date 객체JavaScript에서 내장된 날짜와 시간을 저장하는 객체입니다。

데이터 포맷화와 관리에 사용할 수 있는 많은 내장 메서드를 제공합니다。

new Date() 생성자 함수를 사용하여 생성된 날짜 객체입니다。

let now = new Date();//　변수를 현재 날짜와 시간으로 설정합니다

기본적으로 JavaScript는 브라우저의 시간대를 사용하여 날짜를 전체 문자열로 표시합니다。

날짜 객체 생성

신규 날짜 객체를 생성하는 방법이 네 가지 있습니다。

new Date() 생성자 함수를 사용하여 Date 객체를 생성할 수 있는 다음과 같은 문법을 사용할 수 있습니다。

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

new Date()

new Date()를 사용하여 현재 날짜와 시간의 새로운 날짜 객체를 생성합니다：

let　d　=　new　Date();

new Date(milliseconds)

new Date(milliseconds) は、0時間に加えたミリ秒を持つ新しい日付オブジェクトを作成します：

let　d　=　new　Date(0);

JavaScriptはUnix時間から得られたタイムスタンプに基づいて日付を理解し、タイムスタンプは1970년1월1日午前0時から経過したミリ秒で構成されています。

1970년1월1日を加え、252 4600000000ミリ秒は、2050년1월1日：

let　d　=　new　Date(2524600000000);

new Date(dateString)

new Date(dateString) は、日付文字列から新しい日付オブジェクトを生成します：

let　d　=　new　Date("July　30　1992　18:30");

new Date(year, month, ...)

指定された日付と時間を持つ新しい日付オブジェクトを生成します：new Date(year, month, ...)

7数字で年、月、日、時間、分、秒、ミリ秒を指定します（この順序で）：

let　d　=　new　Date(2019,　0,　26,　10,　40,　30,　0);

上記の例では、私たちの秒とミリ秒は30と0。

日付を作成する際に数字が欠けている場合、デフォルトで0になります。

ただし、順序は変更できないため、数字を省略する場合にはこれを覚えておいてください。

また、1月の月は通常の1。

これは、日付と時間の数字が0から始まるため、プログラミングの多くのカウントと同様です。

JavaScript의 월은 0에서111월은 0, 12월은11。

日付メソッド

Dateオブジェクトを作成するとき、さまざまな方法で操作できます。

日付メソッドを使用して、ローカル時間またはUTC（一般的またはGMT）時間を使用して取得および設定日付、年、月、日、時、分、秒、ミリ秒。

日付の検索（取得）

オブジェクト日付が得られた後、日付のすべてのコンポーネントにアクセスするためのさまざまな内蔵メソッドを使用できます。

これらの方法は、ローカル時区に対する日付の各部分を返却します。

これらの方法の各々はget開始位置を指定し、相対的なインデックスを返却します。

아래 표는 Date 객체의get메서드 표입니다：

getFullYear() 메서드

getFullYear()메서드는 4자리 숫자로 날짜의 연도를 반환합니다.

var d = new Date();
d.getFullYear();

getMonth() 메서드

getMonth()메서드는 숫자(011)을 반환합니다.

var d = new Date();
d.getMonth();

JavaScript의 월은 0에서111월은 0, 12월은11。

아래 예제에서 month 변수는 월의 이름을 저장합니다：

var arr = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var d = new Date();
var month = arr[d.getMonth()];

getDate() 메서드

getDate()메서드는 숫자(1-31) 형태로 월의 일을 반환합니다.

var d = new Date();
d.getDate();

getDay() 메서드

getDay()메서드는 숫자(0-6)을 반환합니다.

var d = new Date();
d.getDay();

JavaScript는 월요일부터6를 세줍니다. 일요일은 0, 토요일은6。

아래 예제에서 Today 변수는 날짜 이름을 저장합니다：

var arr = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var d = new Date();
var today = arr[d.getDay()];

getHours() 메서드

getHours()메서드는 날짜의 시간을 숫자(0-23)。

var d = new Date();
d.getHours();

getMinutes() 메서드

getMinutes()메서드는 날짜의 분을 숫자(0-59)。

var d = new Date();
d.getMinutes();

getSeconds() 메서드

getSeconds()메서드는 날짜의 초를 숫자(0-59)。

var d = new Date();
d.getSeconds();

getMilliseconds() 메서드

getMilliseconds()메서드는 숫자(0-999) 형태로 날짜의 밀리초를 반환합니다.

var d = new Date();
d.getMilliseconds();

getTime() 메서드

getTime()메서드는1970년1월1일 이후의 밀리초 수.

var d = new Date();
d.getTime();

일(24시간)으로 설정8,640만 밀리초.

날짜 수정(설정)

위에 배운 모든get메서드는 모두对应的set메서드.

만약 사용get날짜에서 특정 구성 요소를 검색하려면 사용합니다set날짜의 구성 요소를 수정하는 데 사용됩니다。

아래 표는 Date 객체의set메서드 표입니다：

setFullYear() 메서드

setFullYear()메서드는 날짜 객체의 연도를 설정합니다。

var d = new Date();
d.setFullYear(2010);

setFullYear()메서드는 월과 일을 선택적으로 설정할 수 있습니다.

var d = new Date();
d.setFullYear(2010,　8,　30);

setMonth() 메서드

setMonth()메서드는 날짜 객체의 월을 설정합니다(-11)。

var d = new Date();
d.setMonth(11);

setDate() 메서드

setDate()메서드는 날짜 객체의 월 중 일을 설정합니다(1-31)。

var d = new Date();
d.setDate(22);

setHours() 메서드

setHours()메서드는 날짜 객체의 시 수를 설정합니다(0-23)。

var d = new Date();
d.setHours(18);

setMinutes() 메서드

setMinutes()메서드는 날짜 객체의 분 수를 설정합니다(0-59)。

var d = new Date();
d.setMinutes(32);

setSeconds() 메서드

setSeconds()메서드는 날짜 객체의 초 수를 설정합니다(0-59)。

var d = new Date();
d.setSeconds(24);

setMilliseconds() 메서드

setMilliseconds()메서드는 날짜 객체의 밀리초 수를 설정합니다(0-999)。

var d = new Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML = d.getMilliseconds();

setTime() 메서드

setTime()메서드는 Date 객체를1970년1월1일 이후의 밀리초 수.

var d = new Date();
d.setTime(1542655292087);

UTC를 사용한 날짜 메서드

　 　 위에서 논의한get메서드는 사용자의 로컬 타임존 설정에 따라 날짜 구성 요소를 검색합니다.

날짜와 시간을 더 잘 지정하려면 사용할 수 있습니다getUTC메서드는 get 메서드와 완전히 동일하지만, UTC(세계 표준 시) 기준으로 시간을 계산하는 점에서 차이가 납니다.

아래 표는 JavaScript Date 객체의 UTC 메서드 표입니다：

로컬 시간(local)과 UTC get 메서드의 차이를 알아보려면 다음 코드를 실행할 수 있습니다:

let now = new Date();
//　로컬 시간과 UTC 시간대(local과 UTC)을 인쇄
document.write(now.getHours());
document.write(now.getUTCHours());

이 코드를 실행하면 현재 시간 및 UTC 시간대의 시간이 출력됩니다. UTC 시간대에 있으면 위의 프로그램에서 출력된 숫자가 같습니다.

더 많은 예제

이 예제에서 JavaScript는 현재 시간을 표시합니다。

완전한 날짜 참조

전체 속성 및 메서드 참조를 얻으려면 우리의JavaScript 날짜 참조。

참조 부분에는 모든 Date 속성과 메서드의 설명과 예제가 포함되어 있습니다.