Question

我正在使用“个人”专栏搜索＆＃39;如DataTables' documentation中所述。

我想要完成的是在用户键入日期时使第二个搜索字段（位于列下方）值为UPPERCASE。

这是我的.js档案：

   $(document).ready(function() {
        // Setup - add a text input to each footer cell
        $('#example tfoot th').each( function () {
            var title = $(this).text();
            $(this).html( '<input type="text" placeholder="Search '+title+'" />' );
        } );

        // DataTable
        var table = $('#example').DataTable({
             /*More Code*/
             columnDefs: [
                          { targets: 0, visible: false },
                          { targets: 1, render: $.fn.dataTable.render.moment( 'D-MMM-YY' ) }
    ],
             columns: [
                       { /* DATA */},
                       { data: "logEntryTime" },
                       { /* DATA */},
                       { /* DATA */},
                       { /* DATA */},
                       { /* DATA */},
             ]
             /*More Code*/
        });

        // Apply the search
        table.columns().every( function () {
            var that = this;

            $( 'input', this.footer() ).on( 'keyup change', function () {
                if ( that.search() !== this.value ) {
                    that
                        .search( this.value )
                        .draw();
                 }
            } );
       } );
    } );

有什么想法吗？

Answer 1

一种简单的方法是使用css。

text-transform: uppercase;

但是，这只会改变文本的外观。如果您需要更改文本的值，那么您将使用一些JS。

input.value.toUpperCase()

如何使特定的搜索字段大写？

1 个答案: