如何在DataTable中比较并突出显示日期（在某些条件下）？

Question

"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
            var date = new Date();
            var date_now = ("0" + date.getDate()).slice(-2) + "-" + ("0" + (date.getMonth() + 1)).slice(-2) + "-" + date.getFullYear();
            var date_compare = (new Date(aData[10]) < new Date(date_now) ? true : false);
            console.log(date_now);
            console.log(aData[10]);
            console.log(date_compare);
            if(date_compare == true) {
                $('td', nRow).css('background-color', '#ff8080');
            }
            else {
                $('td', nRow).css('background-color', 'none');
            }
        },

This isn't working.

This coding is in the view inside javascript aData[10] is from model, the SQL look like this

SELECT DATE_FORMAT(DB.TGL_JATUH_TEMPO, '%d-%m-%Y') AS TGL_JATUH_TEMPO

This is the result

The result I want is true true false

I want to compare like this if the date from my SQL Table < today's date then highlight red the column

The problem is the date compare didnt work

Thank you for you help :)

Answer 1

I think problem is with this line

(new Date(aData[10]) < new Date(date_now)

Its not converting to Date format. If you can pass Date format as "YY-MM-DD" eg: 2010-12-25 this might work

var dateVar = "2010-10-30";
var d=new Date(dateVar);


var currDate = new Date();
if(d < currDate){
        alert("Entered Date is less than current Date");
}else{
        alert("Entered Date is greated than current Date");
}

Working fiddle here

Answer 2

Your problem here is that the format of your date strings is not recognized by the Date object , so it's always returning null so they will be always equal , that's why your test always fail.

You need to build the Date object correctly, to respect the RFC2822 specifications so the Date can be parsed by Date.parse() .

This is an example of how you could build your Date objects:

var d1 = "25-03-2018";

var date1 = new Date(d1.substr(d1.length - 4), d1.substr(3, 2) - 1, d1.substr(0, 2));

Demo:

This is a Demo with date comparison:

 var d1 = "25-03-2018"; var d2 = "26-03-2018"; console.log(d1.substr(d1.length - 4)); console.log(d1.substr(3, 2)); console.log(d1.substr(0, 2)); var date1 = new Date(d1.substr(d1.length - 4), d1.substr(3, 2) - 1, d1.substr(0, 2)); var date2 = new Date(d2.substr(d2.length - 4), d2.substr(3, 2) - 1, d2.substr(0, 2)); console.log(date1 < date2);