如何使Monthview中的未来日期数字变灰,就像它们在过去一样



我正在使Fullcalendar插件的Month视图中的一系列日期不可选择。当用户点击它们时,日期不会被选中,但我想将单元格右上角的"日期"显示为"灰色",就像它们在过去一样。我不知道怎么做。这就是我在一天中迄今为止所拥有的渲染功能:

dayRender: function (date, cell) {
  var today = new Date();
  var LeadDt = moment(new Date(tempLead));
  LeadDt = LeadDt.subtract("days", 1);
  var dDate = moment(new Date(date));
  if (LeadDt.diff(dDate) > -1 )
  {
    $(cell).addClass('ui-state-disabled');
    $(cell).closest('td').addClass('unselectable');
    $(cell).push('fc-other-month');// attempt #1 to add fc-other-month class to td - fail
    $(cell).closest("td[data-date='" + moment(date).format("YYYY-MM-DD") + "']").addClass('fc-other-month'); // attempt #2 to add fc-other-month class to td - fail
  }
}, 

有人能告诉我怎样才能做到这一点吗?提前谢谢。

我最终找到了相应的数据日期属性,并在那里添加了类:

 if (LeadDt.diff(dDate) > -1 )
 {
  cell.addClass('ui-state-disabled');
  cell.closest('td').addClass('unselectable');
  $("td").find("td[data-date='" + moment(date).format("YYYY-MM-DD") + "']").addClass('fc-other-month');
 }

相关内容

  • 没有找到相关文章