วิธีแยกวิเคราะห์ JSON เพื่อรับวัตถุ Date ใน JavaScript

ฉันมี JSON ต่อไปนี้:

\/Date(1293034567877)\/

ซึ่งเป็นผลมาจากรหัส. NET นี้:

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

ตอนนี้ปัญหาที่ฉันพบคือวิธีสร้างวัตถุ Date จากสิ่งนี้ใน JavaScript สิ่งที่ฉันพบคือโซลูชัน regex ที่น่าทึ่ง (มีข้อบกพร่องมากมาย)

เป็นเรื่องยากที่จะเชื่อว่าไม่มีโซลูชันที่สวยงามเนื่องจากทั้งหมดนี้อยู่ใน JavaScrip ฉันหมายถึงโค้ด JavaScript ที่พยายามอ่าน JSON (JavaScript Object Notation) ซึ่งควรจะเป็นรหัส JavaScript และในขณะนี้ปรากฎว่าไม่ใช่สาเหตุที่ JavaScript ไม่สามารถ ทำงานได้ดีที่นี่

ฉันยังเห็นโซลูชันการประเมินบางอย่างที่ฉันไม่สามารถใช้งานได้ (นอกจากถูกชี้ว่าเป็นภัยคุกคามด้านความปลอดภัย)

ไม่มีทางที่จะทำอย่างสวยหรูได้จริงหรือ?

คำถามที่คล้ายกันที่ไม่มีคำตอบจริง:
วิธีแยกวิเคราะห์รูปแบบ ASP.NET JSON Date ด้วย GWT

ไม่มีการแสดงวันที่ JSON มาตรฐาน คุณควรทำในสิ่งที่ @jAndy แนะนำและไม่ทำให้เป็นอนุกรม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 จะรับจำนวนเต็มและละเว้น ") /" ในตอนท้าย ตัวเลขผลลัพธ์จะถูกส่งไปยังตัวสร้างวันที่

อีกทางเลือกหนึ่งคือจัดรูปแบบข้อมูลของคุณให้ถูกต้องในด้าน ASP เพื่อให้ JavaScript อ่านได้ง่าย ลองทำสิ่งนี้สำหรับวันที่ของคุณ:

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วัตถุนี้เป็นสตริง / int ประเภทใดก็ได้ที่ตัวDateสร้างJS ยอมรับ

หากคุณใช้วันที่ ISO8601 สไตล์ JavaScript ใน JSON คุณสามารถใช้สิ่งนี้จากMDN

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

คุณสามารถแปลง JSON Date เป็นรูปแบบวันที่ปกติใน JavaScript

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

เกิดอะไรขึ้นกับ:

new Date(1293034567877);

คืนนี้ให้ฉัน "พ. 22 ธ.ค. 2553 16:16:07 น. GMT + 0000 (เวลามาตรฐาน GMT)"

หรือว่าต้องเอาเลขออก json?

ฉันรู้ว่านี่เป็นกระทู้เก่ามาก แต่ฉันต้องการโพสต์นี้เพื่อช่วยเหลือผู้ที่เจอปัญหานี้เช่นเดียวกับฉัน

หากคุณไม่สนใจเกี่ยวกับการใช้สคริปต์ของบุคคลที่สามคุณสามารถใช้ช่วงเวลา js จากนั้นคุณสามารถใช้. format () เพื่อจัดรูปแบบให้เป็นอะไรก็ได้ที่คุณต้องการ

วันที่มักจะเป็นฝันร้าย การตอบคำถามเก่าของคุณบางทีนี่อาจเป็นวิธีที่ดีที่สุด:

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

ด้วย eval เราแปลงสตริงของเราเป็นรหัสจาวาสคริปต์ จากนั้นเราลบ "/" ลงในฟังก์ชันแทนที่เป็นนิพจน์ทั่วไป เมื่อเราเริ่มต้นใหม่ประโยคของเราจะดำเนินการต่อไปนี้:

new Date(1455418800000)

ตอนนี้สิ่งหนึ่งที่ฉันเริ่มใช้เมื่อนานมาแล้วคือค่ายาวที่แสดงในเห็บ ... ทำไม? แปลเป็นภาษาท้องถิ่นและหยุดคิดในการกำหนดค่าวันที่ในทุกเซิร์ฟเวอร์หรือทุกไคลเอนต์ อันที่จริงฉันใช้มันมากเกินไปในฐานข้อมูล

บางทีอาจจะค่อนข้างช้าสำหรับคำตอบนี้ แต่สามารถช่วยใครก็ได้ที่นี่

AngularJS ไม่สามารถแยกวิเคราะห์/Date(xxxxxxxxxxxxx)/สตริงวันที่. NET JSON ได้เช่นกัน ..

ฉันก้าวข้ามปัญหานี้ด้วยการจัดรูปแบบวันที่เป็นการแสดงสตริง 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) );

ลิงค์วิกิ

เบราว์เซอร์สมัยใหม่เช่น 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ถูกเรียกแล้วคุณสามารถใส่วันที่ JSON ลงในnew Dateอินสแตนซ์ได้เนื่องจากJsonConvertสร้างอินสแตนซ์เวลา ISO ที่เหมาะสม

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));

ผลผลิตพฤ. 01 ม.ค. 2513 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);