The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Check if DATE is passed, How can I check if a date within an input value is passed?
Robert773
post Jul 21 2017, 06:12 AM
Post #1





Group: Members
Posts: 1
Joined: 21-July 17
Member No.: 26,465



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&nbsp;</div>
<br/>
<div class="monat">03&nbsp;</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&nbsp;&nbsp;</td>

</tr>
</tbody>
</table>

<!-- end snippet -->

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th February 2019 - 01:48 PM