首页 文章

使用moment的isoWeekday创建日期网格

提问于
浏览 次
0

我正在尝试为日历创建日期网格 . 当星期日被指定为“一周的第一天”时，我有它工作 .

使用星期日作为一周的开始日（工作）

鉴于2017年3月，网格将以 Sunday, February 26, 2017 开头，并以 Saturday, April 1, 2017 结束 . 这就是我这样做的方式：

let now = moment('2017/03/06/', 'YYYY/MM/DD');
let startOfGrid = now.clone().startOf('month').startOf('week');
let endOfGrid = now.clone().endOf('month').endOf('week');

console.log(startOfGrid.format()); // Sunday, Febrary 26, 2017
console.log(endOfGrid.format()); // Saturday, April 1, 2017

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

然后，我将这两个日期通过，以填写之间的日期，这些日期为我提供了日历网格的所有日期 .

使用星期六或星期一作为一周的开始日期（不工作）

我需要能够支持从星期六或星期一开始的一周，但我似乎无法正确设置，并且结果在几个月内不一致 . 我们以星期六为例：

鉴于3月再次，但将本周的开始设置为 saturday ，并使用 startOf('isoWeek') ，我最终将周一作为本周的开始（应该是星期六）：

let now = moment('2017/03/06/', 'YYYY/MM/DD');
let startOfGrid = now.clone().startOf('month').isoWeekday('saturday').startOf('isoWeek');
let endOfGrid = now.clone().endOf('month').isoWeekday('saturday').endOf('isoWeek');

console.log(startOfGrid.format()); // Monday, Febrary 27, 2017
console.log(endOfGrid.format()); // Sunday, April 2, 2017

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

我应该将星期六作为网格的开头，将星期五作为结束 .

我怎样才能让它发挥作用？

javascript date calendar momentjs

1 回答

  • 2

    根据从https://momentjs.com/docs/#/customization/和https://momentjs.com/docs/#/i18n/changing-locale/汇总的一些部分，您可以使用 moment.updateLocale 全局覆盖语言环境配置，如下所示：

    moment.updateLocale('en', {
    week: {
        dow: 6  //week starts on saturday
    }
});

    这将影响将来创建的所有时刻对象，但不会影响已创建的对象 . 或者，如果您想要更灵活，可以定义自己的语言环境：

    moment.defineLocale('en-mod', {
    parentLocale: 'en',
    week: {
        dow: 6  //week starts on saturday
    }
});

    请注意，这也将全局设置区域设置，因此您可能希望立即调用 moment.locale('en'); 以更改回默认值（或您最初设置的任何区域设置） .

    然后，使用自定义区域设置定义，您可以在单个时刻对象上使用它，即： moment().locale('en-mod');

    回复于

相关问题