无法在数据表插件上显示日期时间

时间:2017-04-19 03:58:59

标签: javascript ajax datatable

我正在显示数据库中的列表,但是日期时间列显示此错误: /Date(1492421931187)/

JS:

<script>
        $(document).ready(function () {
            $('#myTable').DataTable({
                "ajax": {
                    "url": "Default/load",
                    "type": "GET",
                    "datatype" : "json"
                },
                "columns": [
                    { "data": "Id", "autowidth": true },
                    { "data": "Name", "autowidth": true },
                    { "data": "Phone", "autowidth": true },
                    { "data": "Num", "autowidth": true },
                    { "data": "Date", "autowidth": true },
                    { "data": "Message", "autowidth": true }
                ]
            });
        });
    </script>

控制器:

var data = db.data_customer.Select(x => new { x.Id, x.Name, x.Message, x.Num,
                        x.Phone, x.Date }).OrderBy(x => x.Date).ToList();

return Json(new { data = data }, JsonRequestBehavior.AllowGet);

JSON:

data
:
[{Id: 8, Name: "12312", Message: "123123", Num: 12, Phone: "3123132", Date: "/Date(1492421931187)/"}]

1 个答案:

答案 0 :(得分:0)

您需要更改日期格式。请参阅以下代码。在这段代码中,我在日期变量中传递您的JSON日期值,并根据要求我显示日期

$(document).ready(function(){
var dt=new Date(1492421931187);//Your JSON date
var getDate=dt.getDate();
var getMonth=dt.getMonth()+1;
var getYear=dt.getFullYear();
$("#abc").html("Date (dd/mm/yyyy)="+getDate+" / "+getMonth+" / "+getYear);
$("#abcd").html("Date full date ="+dt);


});
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.0.min.js">
</script>
<p id="abcd">Full Date</p>
<p id="abc">dd/mm/yyyy</p>

我创建了一个更改日期格式的功能,以便解决您的问题。我在jsfiddle中更新了我的代码。希望它能帮到你http://jsfiddle.net/GSB/b8bdjhhq/5/