使用 MomentJS 确定日期是今天还是过去？

Question

我正在构建一个只显示当前月份的迷你日历，我已经弄清楚如何绘制日历，这里是代码：

代码：

var month  = moment(),
    index  = 0,
    maxDay = month.daysInMonth(),
    start  = month.startOf("month"),
    offset = (start.isoWeekday() - 1 + 7) % 7; // start from monday

var week = []; // holds the weeks
var days = []; // holds the days

do {

  var dayIndex = index - offset;

  if(dayIndex >= 0 && dayIndex < maxDay){
    days.push({
              number: dayIndex + 1,
              isPast: null,  // stuck here boolean
              isToday: null  // stuck here boolean 
     })
  }

  if(index % 7 === 6){
    week.push(days);
    console.log(week);
    days = [];

     if (dayIndex + 1 >= maxDay) {
          break;
     }
  }

 index += 1;
} while(true);

这很好用，我唯一的问题是弄清楚这一天是今天还是过去？

代码也在这里：https://jsfiddle.net/chghb3Lq/3/

Answer 1

使用诸如isSame()、isBefore()、isSameOrBefore() 等矩方法。

它们都允许设置比较单位，例如year month week day hour minute second

见Query Section of moment docs

Answer 2

Moment 具有 isBefore、isAfter 和 isSame 函数来比较时刻，正如文档所说：

如果要将粒度限制为毫秒以外的单位，请将单位作为第二个参数传递。

---

您的代码中有几件事可以使用 momentjs 以简单的方式实现，而不是自己重新实现：

• 要从该月的第一天循环到最后一天，您可以使用：
  • startOf('month') 和 endOf('month') 作为循环的限制
  • add(1, 'day') 增加循环索引
  • isBefore 作为循环条件
• 使用 date() 获取月份中的日期 (1-31)
• 使用day() 获取星期几（0 => 星期日，... 6 => 星期六）；或weekday() 了解星期几的区域设置。

使用这些建议，您的代码可能如下所示：

var day = moment().startOf('month');
var endOfMonth = moment().endOf('month');

var week = [];
var month = [];

while( day.isBefore(endOfMonth) ){
  week.push({
    number: day.date(),
    isPast: moment().isAfter(day, 'day'),
    isToday: moment().isSame(day, 'day')
  });
  if( day.day() === 0 ){
    month.push(week);
    week = [];
  }
  day.add(1, 'day');
}

console.log(month);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>