JavaScript에서 형식 지정을 사용하여 문자열을 날짜 / 시간으로 변환하려면 어떻게해야합니까?


208

형식 문자열을 지정하여 문자열을 자바 스크립트에서 날짜 시간 객체로 변환하려면 어떻게해야합니까?

나는 다음과 같은 것을 찾고있다 :

var dateTime = convertToDateTime("23.11.2009 12:34:56", "dd.MM.yyyy HH:mm:ss");

2
BTW 점과 하이픈은 날짜 구분 기호로 실패 할 수 있으며 슬래시는 괜찮습니다. (내 테스트의 한계까지) Javascript는 "2011/08/22 10:30:00"을 수락하지만 아직 (ISO 8601에도 불구하고) "2011-09는 허용하지 않습니다 -02 15:58:40 "-자바 스크립트 1.8.5 이상에서 지원됩니다.
Dave Everitt

Date.parse 함수는 "mm / dd / yyyy"형식 인 날짜 문자열을 구문 분석합니다. 구문 분석을 적용하기 전에 문자열을 "mm / dd / yyyy"형식으로 변환하십시오.

왜 필요한 형식으로 날짜를 제공하지 않습니까? 나는 새로운 날짜처럼 그것을한다 ( '2012 11 25 18:00:00'); 그리고 작동합니다!
foxybagga

답변:


88

나는 이것이 당신을 도울 수 있다고 생각합니다 : http://www.mattkruse.com/javascript/date/

getDateFromFormat()문제를 해결하기 위해 약간 조정할 수 있는 기능이 있습니다.

업데이트 : javascripttoolbox.com 에서 사용 가능한 샘플 버전이 업데이트되었습니다.


5
TypeError: Object Date has no method 'getDateFromFormat'
Derek 朕 會 功夫

6
getDateFromFormat 메소드는 위의 링크에서 문서와 함께 사용할 수 있습니다. 출처 : mattkruse.com/javascript/date/source.html
Rafael Mueller

1
+1, 좋은 라이브러리 .. 순수 자바 스크립트 ... 환상적입니다. 감사합니다
Surendra Jnawali

7
둘 다 죽었다
Sytham

1
가능하면 링크를 업데이트하십시오. 더 이상 도움이되지 않습니다.
Tallerlei

98

문자열이와 호환되는 경우 사용하십시오 . 형식이 호환되지 않는 경우 (정답이라고 생각하면) 문자열을 직접 구문 분석하고 연도, 월, 날짜,시, 분 및 초에 대한 명시 적 값으로 새 Date 객체 를 만들어야합니다 .new Date(dateString)Date.parse()


1
Date.parse가 최고의 솔루션입니다! 거의 모든 것을 파싱합니다! 한
ianaz

7
@ianaz : 미국에서 사용되는 모든 것은 거의 없지만 유럽의 많은 부분에서 사용되는 형식이 누락 된 것은 "거의"너무 큽니다. 그러나 새로운 날짜는 사용자 정의 기능을위한 좋은 기초입니다.
Pavel V.

new Date (dateString)은 나를 위해 잘 작동했지만 Date.parse ()는 대신 밀리 초로 변환되므로 Date 유형이 아닌 숫자를 반환합니다.
레이건 오 초라

68

문제를 해결하기 위해 정규식을 사용하는 @Christoph 언급. 내가 사용하는 것은 다음과 같습니다.

var dateString = "2010-08-09 01:02:03";
var reggie = /(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})/;
var dateArray = reggie.exec(dateString); 
var dateObject = new Date(
    (+dateArray[1]),
    (+dateArray[2])-1, // Careful, month starts at 0!
    (+dateArray[3]),
    (+dateArray[4]),
    (+dateArray[5]),
    (+dateArray[6])
);

결코 지능적이지 않습니다. 정규식을 구성하고 new Date(blah)필요에 맞게 설정하십시오.

편집 : 아마도 ES6에서 파괴를 사용하여 좀 더 이해할 수 있습니다.

let dateString = "2010-08-09 01:02:03"
  , reggie = /(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})/
  , [, year, month, day, hours, minutes, seconds] = reggie.exec(dateString)
  , dateObject = new Date(year, month-1, day, hours, minutes, seconds);

그러나 요즘 모든 정직에서 나는 순간과 같은 것을 위해 도달합니다.


19
@ bažmegakapa 대신 울고 당신은 아마 대답을 편집하고 'var 's 자신을 추가했을 수 있습니까?
OrganicPanda

왜 사용하는 /g플래그 만 세트 lastIndex0나중에? 글로벌 매치를 사용하지 마십시오.
Ry-

1
@minitech /g기존 프로젝트의 부실 복사 / 붙여 넣기였습니다. lastindex편집자에 의해 추가되었습니다 ( \g내가 생각하기에 맞습니까?). 이제 제거하겠습니다. 지적 해 주셔서 감사합니다.
OrganicPanda

1
아주 좋은 anwer .. 정말 나에게 유용
Jethik

14

JavaScript에는 정교한 날짜 / 시간 형식 루틴이 없습니다.

Flagrant Badassery의 "자바 스크립트 날짜 형식"형식이 지정된 날짜 출력에 외부 라이브러리를 사용해야합니다 .

입력 변환에 대해 몇 가지 제안이 이미 작성되었습니다. :)


3
"해야한다"는 상대적입니다. 물론 자신의 구현을 구축 할 수 있습니다. :)
Tomalak

13

Moment.js를 확인하십시오 . JavaScript의 비법적인 Date 함수 (또는 부족)를 구성하는 현대적이고 강력한 라이브러리입니다.


3
나는 downvote하지 않았지만 아마도 Moment.js의 어떤 기능이 원하는 행동을하는지 정확히 아는 것이 좋을 것입니다 (이미 Moment.js를 사용하고 있지만 사용할 특정 기능을 모르는 게으른 사람들을 위해) .
Matt

현지화는 유망 해 보이며 도트 형식으로 중앙 유럽 로케일을 선택하십시오. 그러나 테스트하지 않았으며 전체 날짜 시간 형식이 내가 본 예제에 없습니다.
Pavel V.

나는 공감하지 않았지만, 이것이 느리다고 말하고 싶었다. 데스크톱의 경우 문제가 있지만 모바일의 경우 속도가 너무 느릴 수 있습니다 (필요에 따라 다름).
gabn88

11

여기에 업데이트 된 답변을 보려면 http://www.datejs.com/에 좋은 js lib가 있습니다 .

Datejs는 구문 분석, 형식 지정 및 처리를위한 오픈 소스 JavaScript Date 라이브러리입니다.


해당 편집을 롤백했지만 매우 유용하지만 주석 또는 별도의 답변으로 추가해야합니다.
Alexis Abril

어쨌든 주석이 너무 길어서 중복 답변을 추가하는 것이 잘못되었습니다. 이 질문에 대한 조회수는 155,000 회가 넘습니다. 가능한 한 많은 사람들에게 정보를 제공하겠습니다. (그런데-기존 답변을 편집하는 것은 스택 오버플로에서 매우 일반적입니다-방금 답변을 복사하면 기분이 나빠질 것입니다 ...)
Kobi

1
어쨌든, 편집 내용이 마음에 들지 않지만 답변을 확장하십시오- "업데이트 된 답변은 여기에 있습니다"는 필러이며 일부 세부 정보가 누락되었습니다. 그런데이 질문은 현재 약간의 주목 을 받고 있습니다 . 이것이 갑자기 5 표를 얻은 이유입니다.
Kobi

7
var temp1 = "";
var temp2 = "";

var str1 = fd; 
var str2 = td;

var dt1  = str1.substring(0,2);
var dt2  = str2.substring(0,2);

var mon1 = str1.substring(3,5);
var mon2 = str2.substring(3,5);

var yr1  = str1.substring(6,10);  
var yr2  = str2.substring(6,10); 

temp1 = mon1 + "/" + dt1 + "/" + yr1;
temp2 = mon2 + "/" + dt2 + "/" + yr2;

var cfd = Date.parse(temp1);
var ctd = Date.parse(temp2);

var date1 = new Date(cfd); 
var date2 = new Date(ctd);

if(date1 > date2) { 
    alert("FROM DATE SHOULD BE MORE THAN TO DATE");
}

5

외부 라이브러리는 하나 또는 두 개의 날짜를 구문 분석하는 데 과잉이므로 OliChristoph의 솔루션을 사용하여 자체 기능을 만들었습니다 . 여기서 중부 유럽에서는 거의 모든 것을 사용하지 않고 OP의 형식을 사용하므로 여기에서 사용되는 간단한 앱에는 충분합니다.

function ParseDate(dateString) {
    //dd.mm.yyyy, or dd.mm.yy
    var dateArr = dateString.split(".");
    if (dateArr.length == 1) {
        return null;    //wrong format
    }
    //parse time after the year - separated by space
    var spacePos = dateArr[2].indexOf(" ");
    if(spacePos > 1) {
        var timeString = dateArr[2].substr(spacePos + 1);
        var timeArr = timeString.split(":");
        dateArr[2] = dateArr[2].substr(0, spacePos);
        if (timeArr.length == 2) {
            //minutes only
            return new Date(parseInt(dateArr[2]), parseInt(dateArr[1]-1), parseInt(dateArr[0]), parseInt(timeArr[0]), parseInt(timeArr[1]));
        } else {
            //including seconds
            return new Date(parseInt(dateArr[2]), parseInt(dateArr[1]-1), parseInt(dateArr[0]), parseInt(timeArr[0]), parseInt(timeArr[1]), parseInt(timeArr[2]))
        }
    } else {
        //gotcha at months - January is at 0, not 1 as one would expect
        return new Date(parseInt(dateArr[2]), parseInt(dateArr[1] - 1), parseInt(dateArr[0]));
    }
}

4

Date.parse() 상당히 지능적이지만 형식이 올바르게 구문 분석된다는 보장은 없습니다.

그렇지 않은 경우 두 가지를 연결할 무언가를 찾아야합니다. 귀하의 예는 매우 간단합니다 (순수) .REGEX (또는 심지어 string.split()더 빠를 수도 있습니다)를 일부와 함께 터치 parseInt()하면 신속하게 날짜를 지정할 수 있습니다.


4
time = "2017-01-18T17:02:09.000+05:30"

t = new Date(time)

hr = ("0" + t.getHours()).slice(-2);
min = ("0" + t.getMinutes()).slice(-2);
sec = ("0" + t.getSeconds()).slice(-2);

t.getFullYear()+"-"+t.getMonth()+1+"-"+t.getDate()+" "+hr+":"+min+":"+sec

getmonth () 함수를 호출 한 후 1을 더한 값은 잘못된 것 같습니다
Arjunsingh

Date.getMonth ()가 0 기반 값을 리턴하므로 t.getMonth () + 1이 올바른 것입니다.
Jussi Palo

3

내 5 센트 만 주면 돼

내 날짜 형식은 dd.mm.yyyy (영국 형식)이며 위의 예제 중 어느 것도 나를 위해 작동하지 않았습니다. 모든 파서들은 mm을 일로, dd를 월로 고려했습니다.

이 라이브러리를 찾았습니다 : http://joey.mazzarelli.com/2008/11/25/easy-date-parsing-with-javascript/ 당신은 다음과 같은 필드의 순서를 말할 수 있기 때문에 작동했습니다 :

>>console.log(new Date(Date.fromString('09.05.2012', {order: 'DMY'})));
Wed May 09 2012 00:00:00 GMT+0300 (EEST)

누군가에게 도움이되기를 바랍니다.


링크가 이제 죽었습니다!

글쎄 ... 빠른 archive.org가 보여주었습니다 : bitbucket.org/mazzarelli/js-date/downloads 는 프로젝트 URL입니다.
Anton Valqk

1

Moment.js가이 를 처리합니다.

var momentDate = moment('23.11.2009 12:34:56', 'DD.MM.YYYY HH:mm:ss');
var date = momentDate.;

1
moment.js는 훌륭하지만 네이티브 Javascript 만 사용해야하는 많은 사용 사례가 있습니다. 현재 사용 사례는 CouchDB의 Map 함수입니다.
Zach Smith

1

이를 위해 moment.js 라이브러리를 사용할 수 있습니다. 시간별 출력을 얻는 데만 사용하지만 원하는 형식을 선택할 수 있습니다.

참고:

1. 모멘트 라이브러리 : https://momentjs.com/

2. 시간 및 날짜 별 기능 : https://timestamp.online/article/how-to-convert-timestamp-to-datetime-in-javascript

convertDate(date) {
        var momentDate = moment(date).format('hh : mm A');
        return momentDate;
}

이 메소드를 다음과 같이 호출 할 수 있습니다.

this.convertDate('2020-05-01T10:31:18.837Z');

도움이 되길 바랍니다. 코딩을 즐기십시오.


0

RFC822에 지정된대로 Date.parse 변환 문자열을 형식 dd-mm-YYYY로 완전히 만족시키기 위해 yyyy-mm-dd 구문 분석을 사용하면 실수가 발생할 수 있습니다.


참고로, RFC 822 (페이지 : 25. 의견 수렴을 위해 텍스트 길이에 맞게 부분적으로 청소) : 1982 년 8 월 13 일-25-RFC # 822 5. 날짜 및 시간 사양 5.1. SYNTAX 날짜-시간 = [일 ","] 날짜 시간; dd mm yy hh : mm : ss zzz day = "월"/ "화"/ "수"/ "목"/ "금"/ "토"/ "일"날짜 = 1 * 2DIGIT 월 2DIGIT; 일 월 연도 예 : 6 월 20 일 82 개월 = "Jan"/ "2 월"/ "3 월"/ "4 월"/ "5 월"/ "6 월"/ "7 월"/ "8 월"/ "9 월"/ "10 월"/ " 11 월 "/"12 월 "
Valentin Rusk

0
//Here pdate is the string date time
var date1=GetDate(pdate);
    function GetDate(a){
        var dateString = a.substr(6);
        var currentTime = new Date(parseInt(dateString ));
        var month =("0"+ (currentTime.getMonth() + 1)).slice(-2);
        var day =("0"+ currentTime.getDate()).slice(-2);
        var year = currentTime.getFullYear();
        var date = day + "/" + month + "/" + year;
        return date;
    }

querist 는 형식 문자열지정 하도록 요청했습니다 .
Armali 2019

@Armali 문자열 형식의 "/ Date (1552415400000) /"와 같은 입력 매개 변수
Abhishek Kanrar
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.