仅当日期变量在当前月份中时才在表中显示行

Question

I draw table in my script where I display some data. One of columns in table is date variable.
If that date variable is in current month, I want its row to be displayed in table. Other words, if date is not in current month I want to hide whole row.

Date column is originally in ISO date format, but I convert it into DD.MM.YYYY. with this function:

var Date1 = MyDate;
function formatYMDtoDMY(s)
{
    var b = s.split(/\D/);
    return b[2] + '.' + b[1] + '.' + b[0] + '.';
}

than I call this function in my table, 3rd column in table:

$("#T1").append("<tr align='middle'>" +
  "<td align='left'>"+ID+"</td>" +
  "<td align='left'>"+UserName+"</td>" +
  "<td align='left'>"+formatYMDtoDMY(Date1)+"</td>"+
  "<td align='left'>"+City, State+"</td>"  +      
  "<td align='left'>"+Project name+"</td>"  +
  "<td align='left'>"+Additional info+"</td>"  +
  "</tr>");

I tried this way:

if(input.getFullYear() == currentDate.getFullYear()
   && input.getMonth() == currentDate.getMonth()) {
    //  than I post my table
   }  // but all I get displayed is only 1st date

I also thought I could catch 1st and last day of current month like this:

var date = new Date(), y = date.getFullYear(), m = date.getMonth();
var firstDay = new Date(y, m, 1);
var lastDay = new Date(y, m + 1, 0);

but I don't know how to proceed with checking date column if it is between these variables and if yes to display row in my table.

Answer 1

So I completely misunderstood your question.

The easiest thing will be to convert your ISO date into a real date. The JavaScript Date object understands the ISO date format, so you can create a date object by calling the constructor:

var myDateObj = new Date(MyDate);

Date objects work with logical operators, so we can use your firstDay and lastDay objects:

var isCurrent = (firstDay <= myDateObj && myDateObj <= lastDay);

You can use this to show and hide rows as you render your table.

$("#T1").append("<tr align='middle' class='" + isCurrent ? 'row-visible' : 'row-hidden' +"'>" +
  "<td align='left'>"+ID+"</td>" +
  "<td align='left'>"+UserName+"</td>" +
  "<td align='left'>"+formatYMDtoDMY(Date1)+"</td>"+
  "<td align='left'>"+City, State+"</td>"  +      
  "<td align='left'>"+Project name+"</td>"  +
  "<td align='left'>"+Additional info+"</td>"  +
  "</tr>");

Add CSS rules:

.row-hidden {
  display: none;
}

.row-visible {
  display: table-row;
}

You could wrap this up into a single function:

function isCurrentMonth(s) {
  var myDate = new Date(s);
  var date = new Date(), y = date.getFullYear(), m = date.getMonth();
  var firstDay = new Date(y, m, 1);
  var lastDay = new Date(y, m + 1, 0);
  return (firstDay <= myDate && myDate <= lastDay);
}