如何 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>

我的表視圖

Answer 1

將此變量添加到 Model class 中：

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

這將更改日期時間格式，並在您通過 eloquent 檢索數據時反映出來。

Answer 2

您可以嘗試注冊一個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 - 我試圖在我的答案中包含這些庫以防鏈接斷開，但是當我這樣做時，我收到消息“我的帖子中似乎有代碼格式不正確”，我似乎無法得到它使用格式化鏈接。