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">
$("tr").sort(function(a,b){
String date = new Date($(a).find("input").val()).getDate();
if(date < Date.now){
//Change the background color of eventscontainer to red
}
}).appendTo("tbody")
</script>
<!-- language: lang-html -->
<table border="0">
<thead>
</thead>
<tbody>
<!-- SPALTE 1-->
<tr>
<td>
<input value="03/08/2017">
<div class="tag">AUG </div>
<br/>
<div class="monat">03 </div>
</td>
<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
</div>
</td>
<td class="tag-ausgeschrieben"><br/>
fr </td>
</tr>
</tbody>
</table>
<!-- end snippet -->
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.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)