如何 JS 日期格式

Question

我在这个项目中使用 Laravel 8 和 Bootsrap。我已经尝试在 Laravel 中用 Carbon 解决这个问题，但概率仍然喜欢这样。

所以我认为可能是 JS 脚本中的问题，但我不知道 JS 这么深。我真的需要帮助解决这个问题。

我的问题是如何在JS中更改日期格式，我希望更改为DD/MM/YYYY格式。

JS 脚本

<script>
$(function() {
    $('#kategoris-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: 'kategori/json',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'nama', name: 'nama',
                fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<a href='/kategoris/"+oData.id+"'>"+oData.nama+"</a>");
                }
            },
            { data: 'updated_at', name: 'updated_at'},
        ]
    });
});
</script>

我的 Table 查看

Answer 1

您可以尝试注册 editor 并使用 moment.js。像这样：

var editor; // use a global for the submit and return data rendering in the examples

$(document).ready(function() {
    
    $.fn.dataTable.moment( 'DD/MM/YYYY' );

    editor = new $.fn.dataTable.Editor( {
        ajax: 'kategori/json',
        table: '#kategoris-table',
        fields: [ {
                label:  'Updated at:',
                name:   'updated_at',
                type:   'datetime',
                def:    function () { return new Date(); },
                format: 'DD/MM/YYYY',
                fieldInfo: 'Formatted date'
            }
        ]
    } );

    $('#kategoris-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: 'kategori/json',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'nama', name: 'nama',
                fnCreatedCell: function (nTd, sData, oData, iRow, iCol) {
                    $(nTd).html("<a href='/kategoris/"+oData.id+"'>"+oData.nama+"</a>");
                }
            },
            { data: 'updated_at', name: 'updated_at'},
        ]
    });
});

请参阅此示例，其中包括您需要在示例末尾加载的其他库：https://editor.datatables.net/examples/dates/formatting.html

PS - 我试图在我的答案中包含这些库以防 link 损坏，但是当我这样做时，我收到消息“我的 post 格式不正确”，我似乎无法使用它来格式化 links。

Answer 2

将此变量添加到模型 class:

protected $casts = [
    'updated_at' => 'datetime:m/d/Y'
];

这将更改日期时间格式，并在您通过 eloquent 检索数据时反映出来。

如何 JS 日期格式

How to JS Date Format

javascript

datatable

laravel