2020年12月31日至2020年1月1日的时刻日历

时间:2020-10-14 08:53:42

标签: javascript reactjs momentjs

我有一个使用'moment'的自定义日历组件,但是我无法更改年份。

当我选择2021年的日期时,会在控制台日志中得到它:

selectedDate:  
Moment {_isAMomentObject: true, _isUTC: false, _pf: {…}, _locale: Locale, _d: Wed Jan 01 2020 10:19:00 GMT+0000 (Greenwich Mean Time), …}
_d: Wed Jan 01 2020 10:19:00 GMT+0000 (Greenwich Mean Time) {}

const today = moment().startOf("day");

  getDates = month => {
    return Array.from(Array(35)).map((_, i) => {
      return month
        .clone()
        .startOf("month")
        .startOf("isoWeek")
        .add(i, "days");
    });
  };

  nextMonth = () => {
    const month = this.state.month.clone().add(1, "month");
    console.log("check month: -=-=-=-=-=-", month);

    this.setState({
      month,
      dates: this.getDates(month)
    });
  };

  prevMonth = () => {
    const month = this.state.month.clone().subtract(1, "month");s
    this.setState({
      month,
      dates: this.getDates(month)
    });
  };

  render() {
    
    console.log("calendar state, -------", this.state);
    console.log("calendar props, =======", this.props);

    return (

---
     
          {dates.map((date, i) => {
            const selected = !!this.props.selectedDates.find(selectedDate => {
              return (
                console.log("selectedDate: ", selectedDate),
                moment(selectedDate)
                  .startOf("day")
                  .isSame(date)
              );
            });

           
            return (
              <Day
                key={i}
                isDisabled={disabled}
                isGreyed={diffMonth}
                isSelected={selected}
                onClick={() => {
                  if (isShiftHeld) {
                    return this.props.onEndDateClick(date);
                  }
                  this.props.onDateClick(date);
                }}
              >
                <DayContent>{date.format("DD")}</DayContent>
              </Day>
 ----

export default Calendar;

它似乎与getDates功能有关。它设置“当前”年份的天,周,月。

我如何适应这一点,以了解在12月31日之后,这一年份有所增加?

任何帮助或指导将不胜感激。

0 个答案:

没有答案