将周开始更改为周一

Question

我正在尝试按照本教程 。

它构建了一个日历，其中星期日是一周的第一天。 老实说，我并不完全了解它是如何运作的。 我无法理解的是如何让它显示一个日历，从星期一开始，而不是星期日。 我认为问题出在这一行：

date = this.state.month.clone().startOf("month").add("w" - 1).day(0),

我尝试了day(1) ，然后它从星期一开始建立周，但是如果该月的第一天是星期日，那么它将在上个月的屏幕上离开这一天，从第二天开始显示当前的一天：

我怎样才能做到这一点？

Answer 1

我得到它至少正确地渲染当前月份

date = this.state.month.clone().startOf("month").add("w" -1).day(1),

正如您所提到的，同时重新排列星期几的标签

var DayNames = React.createClass({
    render: function() {
        return <div className="week names">
            <span className="day">Mon</span>
            <span className="day">Tue</span>
            <span className="day">Wed</span>
            <span className="day">Thu</span>
            <span className="day">Fri</span>
            <span className="day">Sat</span>
            <span className="day">Sun</span>
            </div>;
    }
});

小提琴： https ： //jsfiddle.net/yy33bmze/3/

Answer 2

好，我知道了。 应该使用startOf('isoWeek') ，而不是试图将明确的一天作为一周的开始。 而不是

date = this.state.month.clone().startOf("month").add("w" - 1).day(0),

我做了：

date = this.state.month.clone().startOf("month").add("w"-1).startOf('isoWeek'),

现在它看起来正确：