Is there a way to translate datetime from Net to JavaScript efficiently?

Question

Is there a way to translate datetime from Net to JavaScript efficiently?

While I have carefully read discussions on ASP.NET Parse DateTime result from ajax call to javascript date and Parsing DateTime format passed from Ajax to “dd/MM/yyyy”, my question pertains to the differences that exist.

The data I am working with is loaded from ASP.NET using AJAX.

 Datetime in c#: "2019-05-04" 

 The result in ajax is: "/Date(1556895600000+0900)/"

An automatic addition of the time UTC offset to the DateTime value can be observed. This behavior raises a question for me - why is this happening?

How do I go about converting the above data to a DateTime format in JavaScript?

var d = new Date(("/Date(1556895600000+0900)/").match(/\d+/)[0] * 1)
console.log(d)

Upon implementing the code, a result of "2019-05-03T15:00:00.000Z" ensues, whereas what I actually desire is "2019-05-04". How should I proceed to achieve this?

javascript asp.net ajax

Answer 1

Answer №1

While I may not be an expert in dates, the following code appears to be quite convincing:

const parse = str => {
    let [_, timestamp, offsetHours, offsetMinutes] = str.match(/(\d+)([+-]\d\d)(\d\d)/).map(Number);
    
    let date = new Date(timestamp);
    date.setHours(date.getHours() + offsetHours);
    date.setMinutes(date.getMinutes() + offsetMinutes);
    return date;
}

console.log(
    parse("/Date(1556895600000+0900)/")
    .toJSON()
)
console.log(
    parse("/Date(1556895600000-0700)/")
    .toJSON()
)

If this code doesn't work on older browsers, here's an ES3 version:

function parse(str) {
    var matches = str.match(/(\d+)([+-]\d\d)(\d\d)/).map(Number);
    var timestamp = matches[1];
    var offsetHours = matches[2];
    var offsetMinutes = matches[3];
  
    var date = new Date(timestamp);
    date.setHours(date.getHours() + offsetHours);
    date.setMinutes(date.getMinutes() + offsetMinutes);
    return date;
}


console.log(
    parse("/Date(1556895600000+0900)/")
    .toJSON()
)
console.log(
    parse("/Date(1556895600000-0700)/")
    .toJSON()
)

Answer 2

While I may not be an expert in dates, the following code appears to be quite convincing:

const parse = str => {
    let [_, timestamp, offsetHours, offsetMinutes] = str.match(/(\d+)([+-]\d\d)(\d\d)/).map(Number);
    
    let date = new Date(timestamp);
    date.setHours(date.getHours() + offsetHours);
    date.setMinutes(date.getMinutes() + offsetMinutes);
    return date;
}

console.log(
    parse("/Date(1556895600000+0900)/")
    .toJSON()
)
console.log(
    parse("/Date(1556895600000-0700)/")
    .toJSON()
)

If this code doesn't work on older browsers, here's an ES3 version:

function parse(str) {
    var matches = str.match(/(\d+)([+-]\d\d)(\d\d)/).map(Number);
    var timestamp = matches[1];
    var offsetHours = matches[2];
    var offsetMinutes = matches[3];
  
    var date = new Date(timestamp);
    date.setHours(date.getHours() + offsetHours);
    date.setMinutes(date.getMinutes() + offsetMinutes);
    return date;
}


console.log(
    parse("/Date(1556895600000+0900)/")
    .toJSON()
)
console.log(
    parse("/Date(1556895600000-0700)/")
    .toJSON()
)

Is there a way to translate datetime from Net to JavaScript efficiently?

Answer №1

Similar questions

The HTTP Handler for the Report Viewer Web Control has not been added to the web.config file for this application

Access the property on all pages, but modify it just once during the session

How can you transform a string into an array using JavaScript?

A guide on dividing an input into various sections

Loading AJAX content within the existing page instead of a pop-up window

Encountering Problem with Jmeter Script Playback - Kindly Activate JavaScript to Access Page Information

Stop ASP.NET from generating a cookie and linking it to static content through a Content Delivery Network

"Adding an Image within a Textbox Using Ext JS: A Step-by-Step

What error am I making in the Date calculator for the select box using Javascript/jQuery?

Erroneous spread transformation in Babel

Guide on adding the newest version of Jquery in asp.net 4.5 using <asp:scriptreference> tag

Is it possible to include a module-level controller within a directive?

Utilize the scrollIntoView method within a jQuery function

Expanding content dynamically with jQuery Masonry through the use of an 'load more' ajax request

What is the recommended location for the local database instance in an MVC .NET Project with LinqToSql implementation?

After a texture is added, the shine of the Three.js MeshPhongMaterial diminishes

Tips for handling a disabled button feature in Python Selenium automation

What is the proper way to define the types for the lodash flow function in TypeScript?

Having trouble with getting data from Google API using jquery .get in IE9?

Guide on incorporating a layer in openlayer3 with the help of ajax