Transform a C# DateTime object into a JavaScript DateTime object

Question

Transform a C# DateTime object into a JavaScript DateTime object

I'm attempting to convert a C# DateTime variable into a format that can be passed into a JavaScript function using NewtonSoft.Json.

Currently, I am using the following code:

var jsonSettings = new JsonSerializerSettings();
jsonSettings.DateFormatString = "dd/MM/yyy hh:mm:ss";
string modelFromDate = JsonConvert.SerializeObject(@Model.FromDate, jsonSettings);

However, it doesn't seem to be working as expected since Chrome Dev Tools throws an error stating

modelFromDate is not defined

when running this code:

$(".go").on("click", function () {
    if (new Date(modelFromDate) < new Date(1994, 1, 1)) {
        alert("invalid date");
    }
});

This issue occurs in my ASP.NET Core MVC project.

javascript c#asp.net-core json.net asp.net-core-mvc

Answer 1

Answer №1

The function modelFromDate has not been defined

This issue arises from the absence of the "@" symbol before the C# variable when accessing it in JavaScript.

Additionally, you have the option to utilize Date.parse which will provide the number of milliseconds. Afterward, wrap a Date constructor around it like so:

$(".go").on("click", function () {
    var jsFromDate = new Date(Date.parse(@modelFromDate));
    if (jsFromDate  < new Date(1994, 1, 1)) {
        alert("invalid date");
    }
});

Answer 2

The function modelFromDate has not been defined

This issue arises from the absence of the "@" symbol before the C# variable when accessing it in JavaScript.

Additionally, you have the option to utilize Date.parse which will provide the number of milliseconds. Afterward, wrap a Date constructor around it like so:

$(".go").on("click", function () {
    var jsFromDate = new Date(Date.parse(@modelFromDate));
    if (jsFromDate  < new Date(1994, 1, 1)) {
        alert("invalid date");
    }
});

Transform a C# DateTime object into a JavaScript DateTime object

Answer №1

Similar questions

pros and cons of the data layer in web applications

What's causing Angular to not display my CSS properly?

Issues with executing javascript callback functions within Node.js and express

Console output shows that the function results in undefined

Retrieving a targeted data point from a JSON object

The functionality of core-ui-select is not functioning properly following the adjustment of the

Operating with JavaScript arrays and objects

What is the optimal strategy for managing multilingual text in a React website?

What is the method to access a form using jQuery? How can I extract the percentage symbol "%" from the entered amount?

How can scripts be used to enable fullscreen in PhoneGap?

What is preventing WebRTC from re-establishing connection after being disconnected?

An effective way to verify if a record has been successfully updated is by utilizing Sequelize's

There seems to be an issue with Jquery not triggering the Webservice method in the Firefox browser, despite it working successfully in Chrome

How come HTML components are able to immediately access the updated value of useState, even though it operates asynchronously?

What are some strategies to optimize image loading speed in an HTML5 mobile application?

What is the method for displaying html files in a POST request?

Tips for incorporating images as radio buttons

Adding information to a JSON file using JavaScript: A step-by-step guide

Creating a method for a Discord Bot to communicate through a Webhook (loop)

Remove duplicate JSON records in JavaScript by comparing and filtering based on identical attributes