將周開始更改為周一

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'),

現在它看起來正確：