지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > JavaScript Date object_javascript 스킬에 대한 자세한 설명

JavaScript Date object_javascript 스킬에 대한 자세한 설명

WBOY
풀어 주다： 2016-05-16 15:12:57
원래의
1201명이 탐색했습니다.

이 글에서는 Date 날짜와 시간 객체의 동작을 주로 소개합니다.

목차
1. 소개: Date 객체에 대해 설명합니다.

2. 생성자: Date 객체의 new Date() 생성자의 여러 메서드를 소개합니다.

3. 인스턴스 메소드: Date 객체의 get, set 및 기타 인스턴스 메소드를 소개합니다.

4. 정적 메서드: Date 객체의 정적 메서드 소개: Date.now(), Date.parse() 등

5. 실제 작업: Date 개체의 몇 가지 예 소개: 카운트다운 가져오기, 두 Date 개체의 크기 비교 등

1. 소개
1.1 설명

날짜 객체는 작업 날짜와 시간을 나타내는 객체입니다. Date 객체는 메소드를 통해서만 날짜와 시간에 대해 작동할 수 있습니다.

1.2 속성

없음. 날짜 객체는 메서드를 통해서만 날짜와 시간에 대해 작동할 수 있습니다.

2. 생성자
2.1 new Date(): 현재 현지 날짜와 시간을 반환

매개변수: 없음

반환 값:

{Date}는 현지 날짜와 시간을 나타내는 Date 객체를 반환합니다.

예: 

var dt = new Date();
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); // => {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 새로운 날짜(년, 월, opt_day, opt_hours, opt_mins, opt_seconds, opt_milliseconds): 연도, 월, 일, 시, 분, 초를 날짜 객체로 변환

매개변수:

①연도 {int}: 연도 4자리; 예: 1999, 2014

②월 {int}: 월 2자리. 계산은 0부터 시작하며 0은 1월을 나타내고 11은 12월을 나타냅니다.

③opt_day {int} 선택사항: 숫자; 1부터 세어 1은 1번을 의미합니다.

④opt_hours {int} 선택사항: 시간 2자리 값, 0~23.

⑤opt_ Minutes {int} 선택사항: 분 2자리 값, 0~59.

⑥opt_seconds {int} 선택 사항: 초 값 0~59.

7opt_milliseconds {int} 선택사항: 밀리초 값;

반환 값:

{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 객체의 인스턴스 메소드는 크게 현지 시간과 UTC 시간의 두 가지 형태로 나뉩니다. 일반적으로 이 두 가지 시간 형식에 대해 동일한 방법이 작동합니다(UTC가 있는 방법 이름은 UTC 시간의 작동입니다). 여기서는 주로 현지 시간의 작동을 소개합니다.

3.1 get 메소드

3.1.1 getFullYear(): Date 객체의 연도 값을 4자리로 반환합니다.

3.1.2 getMonth(): Date 객체의 월 값을 반환합니다. 0부터 시작하므로 실제 월 = 반환 값 + 1입니다.

3.1.3 getDate(): Date 객체의 월의 날짜 값을 반환합니다. 값 범위는 1~31입니다.

3.1.4 getHours(): Date 객체의 시간 값을 반환합니다.

3.1.5 getMinutes(): Date 객체의 분 값을 반환합니다.

3.1.6 getSeconds(): Date 객체의 초 값을 반환합니다.

3.1.7 getMilliseconds(): Date 객체의 밀리초 값을 반환합니다.

3.1.8 getDay(): Date 객체의 요일 값을 반환합니다. 0은 일요일, 1은 월요일, 2는 화요일 등입니다.

3.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')
로그인 후 복사

3.2 세트 방식

3.2.1 setFullYear(year, opt_month, opt_date): Date 객체의 연도 값을 4자리로 설정합니다.

3.2.2 setMonth(month, opt_date): Date 객체의 월 값을 설정합니다. 0은 1월을 나타내고 11은 12월을 나타냅니다.

3.2.3 setDate(date): Date 객체의 월로 날짜 값을 설정합니다. 값 범위는 1~31입니다.

3.2.4 setHours(hour, opt_min, opt_sec, opt_msec): Date 객체의 시간 값을 설정합니다.

3.2.5 setMinutes(min, opt_sec, opt_msec): Date 객체의 분 값을 설정합니다.

3.2.6 setSeconds(sec, opt_msec): Date 객체의 초 값을 설정합니다.

3.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毫秒
로그인 후 복사

3.3 其他方法

3.3.1 toString() ：将Date转换为一个'年月日 时分秒'字符串

3.3.2 toLocaleString() ：将Date转换为一个'年月日 时分秒'的本地格式字符串

3.3.3 toDateString() ：将Date转换为一个'年月日'字符串

3.3.4 toLocaleDateString() ：将Date转换为一个'年月日'的本地格式字符串

3.3.5 toTimeString() ：将Date转换为一个'时分秒'字符串

3.3.6 toLocaleTimeString() ：将Date转换为一个'时分秒'的本地格式字符串

3.3.7 valueOf() ：与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')
로그인 후 복사

四. 静态方法
4.1 Date.now()

说明：返回当前日期和时间的Date对象与'1970/01/01 00:00:00'之间的毫秒值(北京时间的时区为东8区，起点时间实际为：'1970/01/01 08:00:00')

参数：无

返回值：

{int} ：当前时间与起始时间之间的毫秒数。

示例：

console.log(Date.now()); // => 1419431519276
로그인 후 복사

4.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！)
로그인 후 복사

五. 实际操作
5.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
로그인 후 복사

5.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分
로그인 후 복사

5.3 比较2个Date对象的大小

说明：可以对比2者的与起始时间的毫秒数，来区分大小。

示例：

var dt1 = new Date('2015/12/01');
var dt2 = new Date('2015/12/25');
console.log(dt1 > dt2); // => false
로그인 후 복사

以上就是本文的全部内容，希望对大家的学习有所帮助。

관련 라벨：
javascript
원천：php.cn
이전 기사：jQuery_jquery에서 ajax get() 함수를 통해 페이지를 읽는 방법 다음 기사：JavaScript_javascript 기술을 기반으로 텍스트의 초과된 부분을 숨깁니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}
에서 2024-04-06 19:25:49
0
1
505
d3.js를 확대할 때 산점도 값이 유지되지 않습니다. d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들...
에서 2024-04-06 18:16:26
0
1
403
공급업체별 의사 요소에 대한 JavaScript 호버 이벤트 나는 아래에 HTMLinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',fun...
에서 2024-04-06 15:35:24
0
1
274
Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...
에서 2024-04-06 14:54:03
0
2
421
CollapseDisplay 클래스를 사용하여 Bootstrap 아코디언 헤더의 모양을 사용자 정의하세요. 클래스 Collapseshow를 사용하여 패널의 카드 제목 스타일을 지정하고 싶습니다. 이 예에서는 첫 번째 패널입니다. CSS를 사용하여 .accordion.c...
에서 2024-04-06 12:53:11
0
1
376
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿