jquery - DataTables 如何仅显示日期而不显示日期时间

Question

我正在按照 Django example 使用服务器端处理在 DataTables 。我以“yyyy-mm-dd hh:mm:ss”格式返回日期时间值。这些日期时间值当前显示如下(例如):

Dec. 18, 2011, 11:59 p.m.

我想只显示日期部分，而不是同时显示日期和时间。

这是我的 html 页面中的内容:

<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function() {
        $('#certs-table').dataTable({
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                "bProcessing": true,
                "bServerSide": true, 
                "sAjaxSource": "/cars/get_cars_list/",
                "iDisplayLength": 10,
                "aoColumnDefs": [
                        { "aTargets": [0], "bVisible": false, "bSearchable": false},
                        { 
                          "aTargets": [1], 
                           "fnRender": function ( oObj ) {
                                return '<a href=\"/cars/' + oObj.aData[0] + '/\">' + oObj.aData[1] + '</a>';
                            },
                          "bSearchable": true, 
                        },
                        { "aTargets": [2], "bSearchable": true},
                        { "aTargets": [3], "bSearchable": false, "sType": 'date'},
                ]
        });
} );
/* ]]> */
</script>

日期是第 4 列，即 aTarget[3]。

如何只显示日期部分？我昨天才开始使用 DataTables/JQuery，所以非常希望有一个例子。谢谢。

Answer 1

通常最好从服务器以 JSON 字符串形式返回 UTC 日期，然后使用用户的本地格式设置在浏览器中对其进行格式化。我喜欢用moment.js进行格式化。示例:

"aoColumnDefs": [
    {   //format the date for local time
        "aTargets" : [ 1, 5], //indexes of whatever columns you need to format
        "mRender": function ( data, type, full ) {
            if(data){
                var mDate = moment(data);
                return (mDate && mDate.isValid()) ? mDate.format("L LT") : "";
            }
            return "";
        }
    }
]

您可以返回适用于 moment 的不同字符串。确保将偏移量 (Z) 指定为 +0000，否则日期将被解析为本地时间。

moment("2010-10-20 4:30"); // parsed as 4:30 local time
moment("2010-10-20 4:30 +0000"); // parsed as 4:30 UTC