Question

我的项目中有一个带有特殊类（date_input_field）的输入字段。更改时，这些字段将格式化用户输入的数据。问题是这些字段在除DataTables之外的所有地方都可以正常工作。我在数据表中尝试了rowCallback，但没有帮助。为什么？我该如何解决？

$(".date_input_field").change(function () {    
  ...format the data
});

var table2 = $("#stopsTable").DataTable({
  ajax: {
    url: "/api/stops/" + confirmationId,
    dataSrc: ""
  },
  columns: [                          
    {
      data: "date1",
      render: function (data) {
        var arr = data.split("T")[0].split("-");

        return "<input class='form-control date_input_field' type='text' value='" + arr[2] + "-" + arr[1] + "-" + arr[0]+"'/>" ;}}
  ],
  order: [[0, "asc"]],
  scrollY: '50vh',
  scrollCollapse: true,
  paging: false,
  rowCallback: function (row, data) {
    $(row).css("cursor", "pointer");
    $(".date_input_field").change(function () {
      $(this).attr("value", "01"); 
    });
  }

});

Answer 1

对不起，愚蠢的问题。我尝试了下面的代码，它可以正常工作。

rowCallback: function (row, data) {
  $(row).css("cursor", "pointer");
  $(row).on("change", ".date_input_field", function () {
    var input = $(this);
    input.val("1111111111");
  });                      
}

输入字段的数据表onchange事件

1 个答案: