C# code in JQuery in ASP.NET razor view

Question

I have a server-side model with a datetime type field PublishDate. I am sending List<Posts> as json in response to ajax call.

I would like to use c# code Convert.ToDateTime(this.PublishDate).ToString("MMM dd, yyyy") in jquery code. Below is my code what I tried so far-

var posts = response.Posts;
$.each(posts, function () {
  $('#container').append('<div class="row"> 
                            <div class="col-lg-12">
                              <h2>' + this.PostTitle + '</h2>
                              <span>Published on: @Convert.ToDateTime(this.PublishDate).ToString("MMM dd, yyyy")</span></div></div>');
});

But it's not working. Any idea?

Answer 1

The whole point of using Razor is that you can use the power of C# in your html code, or cshtml to be more precise.

Assuming your div id is container, you can do this.

You have a member in your model class named PublishDate

Add this in HTML

<input id="container" name="@Html.DisplayNameFor(model => model.PublishDate)" value="@DateTime.PublishDate.ToString("MMM dd, yyyy")">

And remove the coversion from jQuery.