特定の検索フィールドを大文字にする方法は？

Question

DataTables' documentationで指定されている「個別の列を検索中」を使用しています。

私が達成したいのは、ユーザーが日付を入力するときに、2番目の検索フィールド（列の下にある）の値を大文字にすることです。

$(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(); 
       } 
      }); 
     }); 
    }); 

任意のアイデア：

ここに私の.jsファイルがありますか？

Answer 1

これを行う簡単な方法の1つは、CSSを使用することです。

text-transform: uppercase;

しかし、それだけでテキストの外観を変更します。テキストの値を変更する必要がある場合は、JSを使用します。あなたが実際に達成しようとしている何

input.value.toUpperCase()