你会怎么做? Jquery日历

时间:2018-06-04 19:23:54

标签: jquery html

我想知道你们是如何对此进行编码的。

如果日期小于或等于当前日期,我必须创建一个显示模态的日历。一个月。

似乎很简单吧?我的问题是日历里面有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');
  }

});

0 个答案:

没有答案