Javascript 数据表日期和时间输入

我试图在这里使用的数据表中使用日期和时间输入

这就是我尝试过的

    <script type="text/javascript" src="<?php echo base_url('assets/js/jquery-3.1.1.min.js');?>"></script>
    <script type="text/javascript" src="<?php echo base_url('assets/js/materialize.min.js');?>"></script>
    <script type="text/javascript" src="<?php echo base_url('assets/js/jquery.dataTables.js');?>"></script>
    <script type="text/javascript" src="<?php echo base_url('assets/js/moment.js');?>"></script>
    <script type="text/javascript">
        //use a global for the submit and return data rendering in the examples
        var editor;

        $(document).ready(function() {
            editor = new $.fn.dataTable.Editor( {
                table: '#receivablesLogs',
                fields: [ {
                        label: 'Date:',
                        name: 'date'
                        type: 'datetime',
                        def: function () { return new Date(); },
                        format: 'MM-DD-YYYY',
                        fieldInfo: 'US style m-d-y date input'
                    }, 
                    {
                        label: 'Invoice Number:',
                        name: 'invoice_number'
                    }, 
                    {
                        label: 'Customer Name:',
                        name:'customer_name'
                    }, 
                    {
                        label: 'Total Amount:',
                        name:  'total_amount'
                    },
                    {
                        label: 'Due Date:',
                        name: 'due_date'
                        type: 'datetime',
                        def: function () { return new Date(); },
                        format: 'MM-DD-YYYY',
                        fieldInfo: 'US style m-d-y date input'
                    }
                ]
            } );

            $('#receivablesLogs').DataTable( {
                dom: 'Bfrtip',
                columns: [
                    {data: 'date'},
                    {data: 'invoice_number'},
                    {data: 'customer_name'},
                    {data: 'total_amount'},
                    {data: 'due_date'}
                ],
                select: true,
                order: [[ 0, 'asc' ]],
                bFilter: false,
                bLengthChange: false,
                paging: false,
                bFiler: false
            });
        });
    </script>

---

我应该把这个放在哪里？

我从您提供链接的站点中提取了这个代码片段：

$('#example').DataTable( {
        dom: 'Bfrtip',
        ajax: '../php/datetime.php',
        columns: [
            { data: 'first_name' },
            { data: 'last_name' },
            { data: 'updated_date' },
            { data: 'registered_date' }
        ],
        select: true,
        buttons: [
            { extend: 'create', editor: editor },
            { extend: 'edit',   editor: editor },
            { extend: 'remove', editor: editor }
        ]
    } );

Ajax是一组在幕后动态加载数据的技术。
这里有一些信息：

链接：“../php/datetime.php”作为示例提供。
datetime.php是一个您必须用php实际生成的文件。

---

在本例中，datetime.php在后端运行，可能会查询一些数据库

它用于初始数据的异步“加载”函数。是否链接了下面注释中的脚本？查找文本“除了上面的代码外，本例中还加载了以下Javascript库文件：“好了。因此，如果我已经在示例中手动输入了表中的数据，基本上我不需要它？@FerdinandPrantl我已经尝试过了，但输出仍然相同。我明白了。所以基本上，我不需要它，因为我现在已经在我的表中手动输入了数据。但是我想知道为什么基本代码不起作用。当你说基本代码不起作用的时候。你是说为什么数据不能自动填充你的表单？你是在问为什么必须手动输入数据吗？不是。我的意思是，为什么我的表与文档中的示例不一样？因为除了文档中的

服务器脚本

和

Ajax加载

之外，我已经完成了基本的部分。我在你的帖子中看到的唯一日期就是这种格式。MM-DD-YYYY我很困惑…我表格上的日期是

MM/DD/YYYY

格式，而不是

MM-DD-YYYY

。此外，我还尝试将初始格式更改为

YYYY/MM/DD

，以查看它是否会实际更改为正确的格式，但没有更改。

<?php

/*
 * Example PHP implementation used for date time examples
 */

// DataTables PHP library
include( "../../php/DataTables.php" );

// Alias Editor classes so they are easy to use
use
    DataTables\Editor,
    DataTables\Editor\Field,
    DataTables\Editor\Format,
    DataTables\Editor\Mjoin,
    DataTables\Editor\Options,
    DataTables\Editor\Upload,
    DataTables\Editor\Validate;


// Build our Editor instance and process the data coming from _POST
Editor::inst( $db, 'users' )
    ->fields(
        Field::inst( 'first_name' ),
        Field::inst( 'last_name' ),
        Field::inst( 'updated_date' )
            ->validator( 'Validate::dateFormat', array(
                'empty' => false,
                'format' => 'm-d-Y g:i A'
            ) )
            ->getFormatter( 'Format::datetime', array(
                'from' => 'Y-m-d H:i:s',
                'to' =>   'm-d-Y g:i A'
            ) )
            ->setFormatter( 'Format::datetime', array(
                'from' => 'm-d-Y g:i A',
                'to' =>   'Y-m-d H:i:s'
            ) ),
        Field::inst( 'registered_date' )
            ->validator( 'Validate::dateFormat', array(
                'format' => 'j M Y H:i'
            ) )
            ->getFormatter( 'Format::datetime', array(
                'from' => 'Y-m-d H:i:s',
                'to' =>   'j M Y H:i'
            ) )
            ->setFormatter( 'Format::datetime', array(
                'from' => 'j M Y H:i',
                'to' =>   'Y-m-d H:i:s'
            ) )
    )
    ->process( $_POST )
    ->json();

$('#example').DataTable( {
        dom: 'Bfrtip',
        ajax: '../php/datetime.php',
        columns: [
            { data: 'first_name' },
            { data: 'last_name' },
            { data: 'updated_date' },
            { data: 'registered_date' }
        ],
        select: true,
        buttons: [
            { extend: 'create', editor: editor },
            { extend: 'edit',   editor: editor },
            { extend: 'remove', editor: editor }
        ]
    } );