2016-09-01 5 views
0

Ich habe einige HTML mit Daten-Datum, aber ich muss das aktuelle Datum überprüfen und zu diesem Element ausgewählte Klasse hinzufügen, wenn das Datum überschritten dann habe ich die letzte aktive Klasse hinzugefügt, aber wenn es Daten gibt in der Zukunft, die nur dem ersten hinzufügen müssen, das kommen wird.Überprüfen Sie das aktuelle Datum in Javascript

Hier ist mein HTML für jetzt, ich weiß nicht, wie auch JS

<!-- BEGIN EVENT. DATE FORMAT - MM/DD/YYYY --> 
<div class = "event" data-date = "03/9/2013"> 
    <div class = "layout1"> <!-- BEGIN 'LAYOUT1' --> 
     <div class = "left"> 
      <img src = "images/1.jpg" alt = "image alt"/> 
     </div> 
     <div class = "right"> 
      <h3>This is Layout 1</h3> 
      <p>Some text goes here...</p> 
     </div> 
    </div> 
    <span class = "date"><i class = "icon-calendar"></i>09.03.2013</span> 
</div><!-- END EVENT --> 

<!-- BEGIN EVENT. DATE FORMAT - MM/DD/YYYY --> 
<div class = "event" data-date = "03/8/2016"> 
    <div class = "layout1"> <!-- BEGIN 'LAYOUT1' --> 
     <div class = "left"> 
       <img src = "images/1.jpg" alt = "image alt"/> 
     </div> 
     <div class = "right"> 
       <h3>This is Layout 12</h3> 
       <p>Some text goes here...</p> 
     </div> 
    </div> 
    <span class = "date"><i class = "icon-calendar"></i>09.03.2013</span> 
</div><!-- END EVENT --> 

Was i brauchen, um mit

ausgewählte Klasse Ereignis anhängen
+0

@Dekel Er sagt, er hat keine, er weiß nicht, wo er anfangen soll. – broguinn

Antwort

1

Sie tun könnte so etwas wie

var date = new Date(); 
var dateFormatted = (date.getMonth() + 1) + "/" + date.getDate() + "/" + date.getFullYear(); 
$("[data-date]").each(function() { 
    var newDate = new Date($(this).attr("data-date")); 
    if (newDate == date) { 
     // dates are equal code 
    } else if (newDate > date) { 
     // date in future code 
    } else { 
     // date passed code 
    } 
} 
Sie können mehr über Daten in JavaScript hier lesen
Verwandte Themen