Highlight expired dates in input date

Question

Highlight expired dates in input date

Navigation

#1 by (1 votes)

1

Is it possible to list dates, highlight those that are due?

To make it easier to locate them.

For example

That the date 2016-10-01 is highlighted in red

html css3 datepicker

asked by pepemujica 18.10.2016 в 21:04

source

1 answer

JavaScript arrays object combine matrices of images in which different matlab filter was used

score 1 · Answer 1

What you should do basically is to compare the date to determine if it is less than the current one and if so, apply a css class with which you customize the styles.

function esMenorQueFecha(fecha1) {
  return fecha1 < new Date();
}

var fechaComoString = '2016-10-01';
var newDiv = document.createElement("div"); 
var newContent = document.createTextNode(date);
if(esMenorQueFecha(new Date(fechaComoString))) {
 newContent.className = 'menor';
}
newDiv.appendChild(newContent);

css

.menor {
  color: red;
}