2016-09-01 2 views
0

데이터 - 날짜가 포함 된 일부 HTML이 있지만 현재 날짜를 확인하고 선택한 클래스에 추가해야합니다. 그러면 날짜가 전달되면 최신 전달 된 활성 클래스에 추가 할 수 있지만 날짜가있는 경우 앞으로 올 것이고 앞으로 추가해야 할 것입니다. 여기 자바 스크립트의 현재 날짜 확인

내가

<!-- 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 --> 

내가 뭘 필요로하는 클래스도 이벤트를 추가하는 것입니다 JS을 시작하는 방법도 몰라요, 지금은 내 HTML입니다 선택

+0

@Dekel 그는 그가 아무 것도 가지고 있지 않다는 것을 말하고있다, 그는 어디에서 시작해야할지 모른다. – broguinn

답변

1

당신이 할 수있는 일

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 
    } 
} 
같은

여기에서 JavaScript로 날짜를 읽을 수 있습니다.
http://www.w3schools.com/js/js_dates.asp

관련 문제