当我更改日期格式数据表无效时

时间:2016-11-15 07:20:48

标签: php jquery datatables

当我将日期格式更改为DD.MM.YYYY时。数据表日期过滤器不起作用(YYYY-MM-DD)它的工作原理。请检查链接并帮助我。它是(YYYY-MM-DD)格式的工作链接。

JSFiddle

我在js代码和HTML中将日期格式更改为DD.MM.YY但未使用日期过滤器

$(this).val(picker.startDate.format('DD.MM.YYYY') + ' to ' + picker.endDate.format('DD.MM.YYYY'));

HTML

<td>15.10.2016</td>

JS

/Start of the data table    
$(document).ready( function () {
  var table = $('#example').DataTable({
    "dom": '<"toolbar">frtip'
  });
$("div.toolbar").html('<input id="date_range" type="text">');  
//END of the data table

// Date range script - Start of the sscript
$("#date_range").daterangepicker({
    autoUpdateInput: false,
    locale: {
        "cancelLabel": "Clear",
        }
});

$("#date_range").on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('YYYY-MM-DD') + ' to ' + picker.endDate.format('YYYY-MM-DD'));
      table.draw();
});

$("#date_range").on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
      table.draw();
});
// Date range script - END of the script

$.fn.dataTableExt.afnFiltering.push(
function( oSettings, aData, iDataIndex ) {

    var grab_daterange = $("#date_range").val();
    var give_results_daterange = grab_daterange.split(" to ");
    var filterstart = give_results_daterange[0];
    var filterend = give_results_daterange[1];
    var iStartDateCol = 4; //using column 2 in this instance
    var iEndDateCol = 4;
    var tabledatestart = aData[iStartDateCol];
    var tabledateend= aData[iEndDateCol];

    if ( !filterstart && !filterend )
    {
        return true;
    }
    else if ((moment(filterstart).isSame(tabledatestart) || moment(filterstart).isBefore(tabledatestart)) && filterend === "")
    {
        return true;
    }
    else if ((moment(filterstart).isSame(tabledatestart) || moment(filterstart).isAfter(tabledatestart)) && filterstart === "")
    {
        return true;
    }
    else if ((moment(filterstart).isSame(tabledatestart) || moment(filterstart).isBefore(tabledatestart)) && (moment(filterend).isSame(tabledateend) || moment(filterend).isAfter(tabledateend)))
    {
        return true;
    }
    return false;
}
);

//End of the datable
 });

0 个答案:

没有答案