ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Convert JSON Date to JavaScript Date in ASP.Net<p>Hi <a class="username" rel="SUJAYS"> SUJAYS</a>,</p> <p>Check this example. Now please take its reference and correct your code.</p> <p>Database</p> <p>For this example I have used of NorthWind database that you can download using the link given below.</p> <p><a href="https://www.aspsnippets.com/Articles/Install-Microsoft-Northwind-and-Pubs-Sample-databases-in-SQL-Server-Management-Studio.aspx">Download Northwind Database</a></p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <pre class="brush: html">&lt;asp:GridView ID=&#34;gvEmployees&#34; runat=&#34;server&#34; AutoGenerateColumns=&#34;false&#34;&gt; &nbsp;&nbsp;&nbsp; &lt;Columns&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;asp:BoundField DataField=&#34;EmployeeId&#34; HeaderText=&#34;EmployeeId&#34; /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;asp:BoundField DataField=&#34;FirstName&#34; HeaderText=&#34;FirstName&#34; /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;asp:BoundField DataField=&#34;LastName&#34; HeaderText=&#34;LastName&#34; /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;asp:BoundField DataField=&#34;Country&#34; HeaderText=&#34;Country&#34; /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;asp:BoundField DataField=&#34;DOB&#34; HeaderText=&#34;Date Of Birth&#34; /&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;asp:BoundField DataField=&#34;DOBJson&#34; HeaderText=&#34;Json Date Of Birth&#34; /&gt; &nbsp;&nbsp;&nbsp; &lt;/Columns&gt; &lt;/asp:GridView&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; &nbsp;&nbsp;&nbsp; $(document).ready(function () { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $.ajax({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type: &#39;POST&#39;, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; url: &#39;Default.aspx/GetEmployees&#39;, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; datatype: &#34;json&#34;, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data: {}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; contentType: &#34;application/json; charset=utf-8&#34;, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; success: function (data) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var employees = $.parseJSON(data.d); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var row = $(&#34;[id*=gvEmployees] tr:last-child&#34;).clone(true); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#34;[id*=gvEmployees] tr&#34;).not($(&#34;[id*=gvEmployees] tr:first-child&#34;)).remove(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $.each(employees, function (i, item) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var customer = $(this); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#34;td&#34;, row).eq(0).html(item.EmployeeId); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#34;td&#34;, row).eq(1).html(item.FirstName); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#34;td&#34;, row).eq(2).html(item.LastName); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#34;td&#34;, row).eq(3).html(item.Country); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#34;td&#34;, row).eq(4).html(ConvertJsonDateToDateTime(item.DOB)); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#34;td&#34;, row).eq(5).html(item.DOB); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(&#34;[id*=gvEmployees]&#34;).append(row); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; row = $(&#34;[id*=gvEmployees] tr:last-child&#34;).clone(true); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; error: function (data) { debugger; alert(data.responseText); } &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp; }); &nbsp;&nbsp;&nbsp; function ConvertJsonDateToDateTime(date) { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var parsedDate = new Date(parseInt(date.substr(6))); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var newDate = new Date(parsedDate); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var month = newDate.getMonth() + 1; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var day = newDate.getDate(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var year = newDate.getFullYear(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return day + &#34;/&#34; + month + &#34;/&#34; + year; &nbsp;&nbsp;&nbsp; } &lt;/script&gt;</pre> <p><strong><span style="text-decoration: underline;">C#</span></strong></p> <pre class="brush: csharp">protected void Page_Load(object sender, EventArgs e) { &nbsp;&nbsp;&nbsp; if (!IsPostBack) &nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; BindDummyRow(); &nbsp;&nbsp;&nbsp; } } private void BindDummyRow() { &nbsp;&nbsp;&nbsp; System.Data.DataTable dummy = new System.Data.DataTable(); &nbsp;&nbsp;&nbsp; dummy.Columns.Add("EmployeeID"); &nbsp;&nbsp;&nbsp; dummy.Columns.Add("FirstName"); &nbsp;&nbsp;&nbsp; dummy.Columns.Add("LastName"); &nbsp;&nbsp;&nbsp; dummy.Columns.Add("Country"); &nbsp;&nbsp;&nbsp; dummy.Columns.Add("DOB"); &nbsp;&nbsp;&nbsp; dummy.Columns.Add("DOBJson"); &nbsp;&nbsp;&nbsp; dummy.Rows.Add(); &nbsp;&nbsp;&nbsp; gvEmployees.DataSource = dummy; &nbsp;&nbsp;&nbsp; gvEmployees.DataBind(); } [System.Web.Services.WebMethod] public static string GetEmployees() { &nbsp;&nbsp;&nbsp; NorthwindModel.NorthwindEntities entities = new NorthwindModel.NorthwindEntities(); &nbsp;&nbsp;&nbsp; List&lt;Employee&gt; employees = entities.Employees &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .Select(x =&gt; new Employee &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; EmployeeId = x.EmployeeID, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; FirstName = x.FirstName, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; LastName = x.LastName, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Country = x.Country, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; DOB = x.BirthDate &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }).ToList(); &nbsp;&nbsp;&nbsp; return (new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(employees)); } public class Employee { &nbsp;&nbsp;&nbsp; public int EmployeeId { get; set; } &nbsp;&nbsp;&nbsp; public string FirstName { get; set; } &nbsp;&nbsp;&nbsp; public string LastName { get; set; } &nbsp;&nbsp;&nbsp; public string Country { get; set; } &nbsp;&nbsp;&nbsp; public DateTime? DOB { get; set; } }</pre> <p><strong><span style="text-decoration: underline;">VB.Net</span></strong></p> <pre class="brush: vb"> Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; If Not IsPostBack Then &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; BindDummyRow() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; End If &nbsp;&nbsp;&nbsp; End Sub &nbsp;&nbsp;&nbsp; Private Sub BindDummyRow() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Dim dummy As System.Data.DataTable = New System.Data.DataTable() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dummy.Columns.Add("EmployeeID") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dummy.Columns.Add("FirstName") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dummy.Columns.Add("LastName") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dummy.Columns.Add("Country") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dummy.Columns.Add("DOB") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dummy.Columns.Add("DOBJson") &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dummy.Rows.Add() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; gvEmployees.DataSource = dummy &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; gvEmployees.DataBind() &nbsp;&nbsp;&nbsp; End Sub &nbsp;&nbsp;&nbsp; &lt;System.Web.Services.WebMethod&gt; &nbsp;&nbsp;&nbsp; Public Shared Function GetEmployees() As String &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Dim entities As NorthwindModel.NorthwindEntities = New NorthwindModel.NorthwindEntities() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Dim employees As List(Of Employee) = entities.Employees.[Select](Function(x) New Employee With { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .EmployeeId = x.EmployeeID, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .FirstName = x.FirstName, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .LastName = x.LastName, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .Country = x.Country, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .DOB = x.BirthDate &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }).ToList() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Return (New System.Web.Script.Serialization.JavaScriptSerializer().Serialize(employees)) &nbsp;&nbsp;&nbsp; End Function &nbsp;&nbsp;&nbsp; Public Class Employee &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Public Property EmployeeId As Integer &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Public Property FirstName As String &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Public Property LastName As String &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Public Property Country As String &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Public Property DOB As DateTime? &nbsp;&nbsp;&nbsp; End Class</pre> <p><strong><span style="text-decoration: underline;">Screenshot</span></strong></p> <p><img src="https://i.imgur.com/CMZ1aFl.jpg" alt="" width="472" height="287" /></p>https://www.aspforums.net:443/Threads/591361/Convert-JSON-Date-to-JavaScript-Date-in-ASPNet/https://www.aspforums.net:443/Threads/591361/Convert-JSON-Date-to-JavaScript-Date-in-ASPNet/Thu, 23 Aug 2018 04:11:53 GMT