Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Client-side Scripting _ Check if DATE is passed

Posted by: Robert773 Jul 21 2017, 06:12 AM

Hello, this is Robert and I've got some troubles with JavaScript.

I got an <input value="DATE" hidden=""> (which is hidden).
The only thing I want to ask you is: I want to check if the date in <input value=""> is passed. If it is passed I want to change the background color of the container in CSS. Unfortunately I don't know how to do this.

If it's possible to convert the input value e.G value="03/08/2017" automatically to <div class="tag">AUG</div> and <div class="monat">03</div>. So if I update the value through my CMS I want to update the 03/AUG also. So if value="28/12/2017" the result schould be automatically <div class="tag">DEZ</div> and <div class="monat">28</div>

I hope you could follow me. Cheers.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

<script type="text/javascript">
String date = new Date($(a).find("input").val()).getDate();
if(date <{
//Change the background color of eventscontainer to red

<!-- language: lang-html -->

<table border="0">


<!-- SPALTE 1-->


<input value="03/08/2017">
<div class="tag">AUG&nbsp;</div>
<div class="monat">03&nbsp;</div>
<td class="info">
<div class="information">

<img src="musik1.png" width="20em" height="20em" style="margin-bottom: 1%;">
Charts, EDM, HipHop

<br/> <img src="location.png" width="20em" height="20em" style="margin-bottom: 1%;">
Wien, Österreich<br/>

<img src="dj.png" width="25em" height="25em" style="margin-bottom: 1%;">
Club Ypsilon


<td class="tag-ausgeschrieben"><br/>


<!-- end snippet -->

Posted by: CharlesEF Jul 21 2017, 02:30 PM

Seems you might be using jQuery in your code, I don't do jQuery. Also, it seems your date format is 'dd/mm/yyyy' which the Javascript Date command will not accept (maybe some browsers do?). But before I get into all that maybe this format will help you, if both dates are in the same format.

  if("03/08/2017" < "04/08/2017")
   alert("Date is less.");
The above code will alert the message.
On the other hand since you have div's for month and day you might be better off parsing the dates into Date objects, like this:
  var pdate = "03/08/2017";
  var parray = pdate.split("/");
  var pd = new Date(parray[2], parray[1], parray[0]);
The above code will alert 3 times, showing month - day - year. You will also need to parse the other date as well. After both dates are converted into date objects you can compare like this:
  if(pd < cd)
   alert("Date is less.");

Powered by Invision Power Board (
© Invision Power Services (