JavaScript에서 Date 객체를 수신하기 위해 JSON을 구문 분석하는 방법은 무엇입니까?

다음과 같은 JSON 조각이 있습니다.

\/Date(1293034567877)\/

이 .NET 코드의 결과입니다.

var obj = DateTime.Now;
var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
serializer.Serialize(obj).Dump();

이제 내가 직면 한 문제는 JavaScript에서 이것으로부터 Date 객체를 만드는 방법입니다. 내가 찾을 수있는 것은 놀라운 정규식 솔루션 (많은 버그가 포함되어 있음)뿐이었습니다.

이것이 JavaScrip에 모두 포함되어 있기 때문에 우아한 솔루션이 없다고 믿기 어렵습니다 .JavaScript 코드로 간주되는 JSON (JavaScript Object Notation)을 읽으려는 JavaScript 코드를 의미합니다. 여기서 잘 해.

또한 작업 할 수없는 평가 솔루션 (보안 위협으로 지적되는 것 외에)도 보았습니다.

정말 우아하게 할 방법이 없나요?

실제 대답이없는 비슷한 질문 :
GWT로 ASP.NET JSON 날짜 형식을 구문 분석하는 방법

날짜에 대한 표준 JSON 표현은 없습니다. @jAndy가 제안한대로하고 a DateTime를 전혀 직렬화하지 않아야 합니다. RFC 1123 날짜 문자열 ToString("r")이나 Unix-epoch의 초 수 또는 JavaScript에서 Date.

이 JSON.parse함수는 선택적 DateTime 리바이 버 함수를받습니다. 다음과 같은 기능을 사용할 수 있습니다.

dateTimeReviver = function (key, value) {
    var a;
    if (typeof value === 'string') {
        a = /\/Date\((\d*)\)\//.exec(value);
        if (a) {
            return new Date(+a[1]);
        }
    }
    return value;
}

그런 다음 전화

JSON.parse(somejsonstring, dateTimeReviver);

그리고 당신의 날짜가 올 것입니다.

Roy Tinker의 답변은 다음과 같습니다.

var date = new Date(parseInt(jsonDate.substr(6)));

그가 말했듯이 : substr 함수는 "/ Date ("부분을 취하고 parseInt 함수는 정수를 가져와 끝에 ") /"를 무시합니다. 결과 숫자는 Date 생성자에 전달됩니다.

또 다른 옵션은 JavaScript가 쉽게 읽을 수 있도록 ASP 측에서 정보의 형식을 적절하게 지정하는 것입니다. 날짜에 대해 다음을 고려하십시오.

DateTime.Now()

다음과 같은 형식을 반환해야합니다.

7/22/2008 12:11:04 PM

Date이것을 다음과 같은 JavaScript 생성자에 전달 하면 :

var date = new Date('7/22/2008 12:11:04 PM');

이제 변수 date는 다음 값을 보유합니다.

Tue Jul 22 2008 12:11:04 GMT-0700 (Pacific Daylight Time)

당연히이 DateTime객체를 JS Date생성자가 허용 하는 모든 종류의 문자열 / int로 형식화 할 수 있습니다 .

JSON에서 JavaScript 스타일 ISO8601 날짜를 사용하는 경우 MDN 에서 사용할 수 있습니다.

var jsonDate = (new Date()).toJSON();
var backToDate = new Date(jsonDate);
console.log(jsonDate); //2015-10-26T07:46:36.611Z

JSON 날짜를 JavaScript에서 일반 날짜 형식으로 변환 할 수 있습니다.

var date = new Date(parseInt(jsonDate.substr(6)));

문제 :

new Date(1293034567877);

이렇게하면 "Wed Dec 22 2010 16:16:07 GMT + 0000 (GMT Standard Time)"이 반환됩니다.

아니면 json에서 번호를 가져와야합니까?

나는 이것이 매우 오래된 스레드라는 것을 알고 있지만, 나처럼 이것에 부딪 치는 사람들을 돕기 위해 이것을 게시하고 싶습니다.

타사 스크립트를 사용하는 데 신경 쓰지 않는다면 moment, js 를 사용할 수 있습니다. 그런 다음 .format ()을 사용하여 원하는대로 포맷 할 수 있습니다.

데이트는 항상 악몽입니다. 이전 질문에 대답하면 아마도 이것이 가장 우아한 방법 일 것입니다.

eval(("new " + "/Date(1455418800000)/").replace(/\//g,""))

eval을 사용하여 문자열을 자바 스크립트 코드로 변환합니다. 그런 다음 "/"를 제거하고 교체 함수는 정규식입니다. new로 시작하면 문장이 다음을 실행합니다.

new Date(1455418800000)

오래 전에 사용하기 시작한 한 가지는 틱으로 표시되는 long 값입니다. 왜? 글쎄, 현지화하고 모든 서버 또는 모든 클라이언트에서 날짜가 어떻게 구성되어 있는지 생각하지 마십시오. 사실 데이터베이스에서도 사용합니다.

아마도이 답변에 꽤 늦었지만 여기에있는 사람을 도울 수 있습니다.

AngularJS가 .NET JSON 날짜를 구문 분석 할 수 없습니다. /Date(xxxxxxxxxxxxx)/ 문자열도 ..

나는 날짜를 덤핑하는 대신 ISO 8601 문자열 표현으로 형식을 지정 하여이 문제를 해결했습니다. Date 객체를 직접 .

다음은 ASP.NET MVC 코드 샘플입니다.

return Json(new { 
  date : DateTime.Now.ToString("O") //ISO 8601 Angular understands this format
});

시도 RFC 1123했지만 작동하지 않습니다. Angular는 이것을 Date 대신 문자열로 취급합니다.

return Json(new { 
  date : DateTime.Now.ToString("R") //RFC 1123 Angular won't parse this
});

나는 이와 같은 일에 .Net을 사용하지 않았습니다. 다음과 같이 인쇄 할 수 있다면 작동합니다.

다른 방법으로 해당 JSON 문자열 을 구문 분석하지 않거나 사용자가 JSON 구문 분석기가 내장 된 최신 브라우저를 가질 것으로 기대 하지 않는 한 JS 프레임 워크 또는 JSON2를 사용하여 서버에서 출력 한 JSON 문자열을 실제 JSON으로 구문 분석해야합니다. 목적.

// JSON received from server is in string format
var jsonString = '{"date":1251877601000}';

//use JSON2 or some JS library to parse the string
var jsonObject =  JSON.parse( jsonString );

//now you have your date!
alert( new Date(jsonObject.date) );

Wiki 링크

Firefox 3.5 및 Internet Explorer 8과 같은 최신 브라우저에는 JSON 구문 분석을위한 특수 기능이 포함되어 있습니다. 기본 브라우저 지원이 eval ()보다 더 효율적이고 안전하므로 기본 JSON 지원이 다음 ECMAScript 표준에 포함될 것으로 예상됩니다. [6]

JSON2 파일에 연결

라이브 예

이 질문에 대한 대답은 nuget을 사용하여 JSON.NET을 얻은 다음 JsonResult메서드 내에서 사용 하는 것입니다.

JsonConvert.SerializeObject(/* JSON OBJECT TO SEND TO VIEW */);

보기 내에서 간단하게 다음을 수행하십시오 javascript.

JSON.parse(/* Converted JSON object */)

ajax 호출 인 경우 :

var request = $.ajax({ url: "@Url.Action("SomeAjaxAction", "SomeController")", dataType: "json"});
request.done(function (data, result) { var safe = JSON.parse(data); var date = new Date(safe.date); });

일단 JSON.parse호출 되면 적절한 ISO 시간 인스턴스를 생성 new Date하므로 JSON 날짜를 인스턴스에 넣을 수 있습니다.JsonConvert

function parseJsonDate(jsonDate) {

    var fullDate = new Date(parseInt(jsonDate.substr(6)));
    var twoDigitMonth = (fullDate.getMonth() + 1) + ""; if (twoDigitMonth.length == 1) twoDigitMonth = "0" + twoDigitMonth;

    var twoDigitDate = fullDate.getDate() + ""; if (twoDigitDate.length == 1) twoDigitDate = "0" + twoDigitDate;
    var currentDate = twoDigitMonth + "/" + twoDigitDate + "/" + fullDate.getFullYear();

    return currentDate;
};

Callum이 언급했듯이 저에게 가장 좋은 방법은 Controller 메서드를 JsonResult 대신 문자열로 변경하는 것입니다.

public string GetValues()
{
  MyObject.DateFrom = DateTime.Now;
  return JsonConvert.SerializeObject(MyObject);
}

ajax 메소드에서 다음과 같이 할 수 있습니다.

 $.ajax({
 url: "/MyController/GetValues",
 type: "post",
 success: function (data) {
 var validData = JSON.parse(data);
//if you are using datepicker and you want set a format
$("#DateFrom").val($.datepicker.formatDate("dd/mm/yy", new Date(validData.DateFrom)));                                      
// if you want the date as returned
$("#DateFrom").val(new Date(validData.DateFrom))
}
});

eval 함수를 사용하면 앞뒤의 슬래시를 제거하기 만하면됩니다.

var date1 = "/Date(25200000)/"
eval("new " + date1.substring(1, date1.length - 1));

Thu Jan 01 1970 00:00:00 GMT-0700 (미국 산지 표준시)

이 형식으로 날짜를 제공하는 외부 API에 문제가 발생했습니다 /Date(123232313131+1000)/. Date다음 코드로 js 객체 를 돌릴 수있었습니다.

var val = '/Date(123232311-1000)/';
var pattern = /^\/Date\([0-9]+((\+|\-)[0-9]+)?\)\/$/;
var date = null;

// Check that the value matches /Date(123232311-1000)/ format
if (pattern.test(val)) {
  var number = val.replace('/Date(', '',).replace(')/', '');
  if (number.indexOf('+') >= 0) {
    var split = number.split('+');
    number = parseInt(split[0]) + parseInt(split[1]);
  } else if (number.indexOf('-') >= 0) {
    var split = number.split('-');
    number = parseInt(split[0]) - parseInt(split[1]);
  } else {
    number = parseInt(number);
    date = new Date(number);
  }
}

//
// formats a .net date into a javascript compatible date
//
function FormatJsonDate(jsonDt) 
{              
    var MIN_DATE = -62135578800000; // const

    var date = new Date(parseInt(jsonDt.substr(6, jsonDt.length-8)));                                                       
    return date.toString() == new Date(MIN_DATE).toString() ? "" : (date.getMonth() + 1) + "\\" + date.getDate() + "\\" + date.getFullYear(); 
}

function parseJsonDate(jsonDate) {

    var fullDate = new Date(parseInt(jsonDate.substr(6)));
    var twoDigitMonth = (fullDate.getMonth() + 1) + ""; if (twoDigitMonth.length == 1) twoDigitMonth = "0" + twoDigitMonth;

    var twoDigitDate = fullDate.getDate() + ""; if (twoDigitDate.length == 1) twoDigitDate = "0" + twoDigitDate;
    var currentDate = twoDigitMonth + "/" + twoDigitDate + "/" + fullDate.getFullYear();

    return currentDate;
};

//이 기능 사용

var objDate=parseJsonDate("\/Date(1443812400000)\/");
alert(objDate);