我想知道你们是如何对此进行编码的。
如果日期小于或等于当前日期,我必须创建一个显示模态的日历。一个月。
似乎很简单吧?我的问题是日历里面有2个月,所以当我运行我的代码时需要一天,但是当月份不同时,模态仍会出现。
以下是代码:
<div class="calendar-box day" >
<span class="date">19</span> / <span class="month">06</span>
<div class="calendar-box-hidden-content"></div>
<div data-day-number="19" class="calendar-box-content">
<img src="img/sweet.png" alt="">
</div>
<div class="modal">
<h2>Lorem ipsum</h2>
</div>
</div>
var d = new Date();
var todaysDate = d.getDate();
var todaysMonth = d.getMonth();
var targetDate = $(".date");
targetDate.each(function(a){
var day = $(this).html();
console.log(day);
if (todaysDate == day) {
$(this).parent().addClass('today') ;
$(this).addClass('today');
}
if (todaysDate < day ){
$(this).parent().addClass('future');
}
if (todaysDate > day){
$(this).parent().addClass('today');
}
});