JavaScript Date 날짜 와 시간 대상 에 대한 간단 한 설명
1. 소개
Date 대상 은 작업 날짜 와 시간의 대상 입 니 다.Date 대상 의 날짜 와 시간 에 대한 조작 은 방법 을 통 해서 만 가능 합 니 다.
2. 구조 함수
2.1 new Date (): 현재 로 컬 날짜 와 시간 매개 변 수 를 되 돌려 줍 니 다: 없 음
반환 값:
{Date} 로 컬 날짜 와 시간 을 표시 하 는 Date 대상 을 되 돌려 줍 니 다.
예시:
var dt = new Date();
console.log(dt); // => Date
2.2 new Date (milliseconds): 밀리초 수 를 Date 대상 인자 로 변환 합 니 다.
① 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); // => {Date}:1970/01/01 08:01:00
dt = new Date(-1000 * 60 * 1); // 1
console.log(dt); // => {Date}:1970/01/01 07:59:00
2.3 new Date (dateStr): 문자열 을 Date 대상 인자 로 변환 합 니 다.
① dateStr {string}: Date 대상 으로 변환 할 수 있 는 문자열 (시간 생략 가능);문자열 의 형식 은 주로 두 가지 가 있 습 니 다.
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 = new Date('2014/12/25'); // yyyy/MM/dd
console.log(dt); // => {Date}:2014/12/25 00:00:00
dt = new Date('2014/12/25 12:00:00'); // yyyy/MM/dd HH:mm:ss
console.log(dt); // => {Date}:2014/12/25 12:00:00
dt = new Date('2014-12-25'); // yyyy-MM-dd
console.log(dt); // => {Date}: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); // => {Date}:2014-12-25 12:00:00
2.4 new Date (year, month, opt day, opt hours, opt minutes, opt seconds, opt milliseconds): 년 월 일, 시 분 초 를 Date 대상 매개 변수 로 변환 합 니 다.
① year {int}: 연도;네 자리 숫자.1999, 2014
② month {int}: 달;두 자리 숫자.0 부터 계산 하면 0 은 1 월, 11 은 12 월 을 나타 낸다.
③opt_day {int} 선택 가능: 번호;2 자리 숫자;1 부터 계산 하면 1 은 1 번 을 나타 낸다.
④opt_hours {int} 선택 가능: 시;2 자리 숫자;수치 0 ~ 23.
⑤opt_minutes {int} 선택 가능: 분;2 자리 숫자;수치 0 ~ 59.
⑥opt_seconds {int} 선택 가능: 초;2. 숫자 없 음;수치 0 ~ 59.
⑦opt_milliseconds {int} 선택 가능: 밀리초;수치 0 ~ 999.
반환 값:
{Date} 변 환 된 Date 대상 을 되 돌려 줍 니 다.
예시:
var dt = new Date(2014, 11); // 2014 12 ( 11)
console.log(dt); // => {Date}:2014/12/01 00:00:00
dt = new Date(2014, 11, 25); // 2014 12 25
console.log(dt); // => {Date}:2014/12/25 00:00:00
dt = new Date(2014, 11, 25, 15, 30, 40); // 2014 12 25 15 30 40
console.log(dt); // => {Date}:2014/12/25 15:30:40
dt = new Date(2014, 12, 25); // 2014 13 25 ( 12， 13 ， 1 )
console.log(dt); // => {Date}:2015/01/25
3. 속성
없다Date 대상 의 날짜 와 시간 에 대한 조작 은 방법 을 통 해서 만 가능 합 니 다.
4. 실례 방법
Date 대상 의 인 스 턴 스 방법 은 주로 로 컬 시간 과 UTC 시간 으로 나 뉜 다.같은 방법 으로 보통 이 두 가지 시간 형식 으로 작 동 합 니 다.
4.1 get 방법 4.1.1 getFullYear (): 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.getFullYear(); // => 2014：
dt.getMonth(); // => 11： ； 12 ( 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 set 방법 4.2.1 setFullYear (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 = new Date();
dt.setFullYear(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 (): Date 를 '년 월 일 분 초' 로 컬 형식 문자열 로 변환 합 니 다.
4.3.3 toDateString (): Date 를 '년 월 일' 문자열 로 변환
4.3.4 toLocale DateString (): Date 를 '년 월 일' 의 로 컬 형식 문자열 로 변환 합 니 다.
4.3.5 toTimeString (): 날 짜 를 '시 분 초' 문자열 로 변환 합 니 다.
4.3.6 toLocale TimeString (): Date 를 '시 분 초' 로 변환 하 는 로 컬 형식 문자열
4.3.7 value Of (): getTime () 과 마찬가지 로 Date 대상 과 '1970 / 01 / 01 00: 00: 00' 사이 의 밀리초 값 을 되 돌려 줍 니 다 (베 이 징 시간의 시간 대 는 동 8 구 이 고 출발점 시간 은 실제 적 으로 '1970 / 01 / 01 08: 00: 00').
예시:
var dt = new Date();
console.log(dt.toString()); // => Tue Dec 23 2014 22:56:11 GMT+0800 ( ) ： Date ' '
console.log(dt.toLocaleString()); // => 2014 12 23 10:56:11 ： Date ' '
console.log(dt.toDateString()); // => Tue Dec 23 2014 ： Date ' '
console.log(dt.toLocaleDateString()); // => 2014 12 23 ： Date ' '
console.log(dt.toTimeString()); // => 22:56:11 GMT+0800 ( ) ： Date ' '
console.log(dt.toLocaleTimeString()); // => 10:56:11 ： Date ' '
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 대상 으로 변환 할 수 있 는 문자열 (시간 생략 가능);문자열 의 형식 은 주로 두 가지 가 있 습 니 다.
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 대상 설명: C \ # 의 DateTime 형식 은 JSon 직렬 화 를 통 해 프론트 데스크 에 되 돌아 오 는 형식 은 "\ / Date (1419492640000) \ /" 입 니 다.중간 숫자 는 DateTime 의 값 과 시작 시간 사이 의 밀리초 수 를 나타 낸다.
예시:
배경 코드: 간단 한 ashx
public void ProcessRequest (HttpContext context) {
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 = "text/plain";
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); // Date
console.log(dt.toLocaleString()); // => 2014 12 25 3:30:40
6.2 카운트다운 설명 가 져 오기: 현재 시간 이 목적 시간 과 얼마나 차이 가 나 는 지 계산 합 니 다.
예시:
/**
*
* @param dt {Date}： Date
* @return {Strin} ： ：X X X
*/
function getDownTime(dt) {
// 1.
var intervalMsec = dt - Date.now(); // ，
var intervalSec = intervalMsec / 1000; //
var day = parseInt(intervalSec / 3600 / 24); //
var hour = parseInt((intervalSec - day * 24 * 3600) / 3600); //
var min = parseInt((intervalSec - day * 24 * 3600 - hour * 3600) / 60); //
// 2. 0 , ， ：-X - - ， ， 。
if (intervalMsec < 0) {
hour = 0 - hour;
min = 0 - min;
}
// 3.
var rs = day + ' ' + hour + ' ' + min + ' ';
return 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 Date 2 개 대상 의 크기 비교 설명: 2 자의 시작 시간 과 밀리초 수 를 비교 하여 크기 를 구분 할 수 있 습 니 다.
예시:
var dt1 = new Date('2015/12/01');
var dt2 = new Date('2015/12/25');
console.log(dt1 > dt2); // => false
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
