使用 datefns 的当年星期的下拉列表

Question

现在，我正在使用 date fns 构建一个计划器。由于我是 Angular 的新手，我在如何获取周下拉列表方面遇到了一些困难。我已经测试了一些例子，但遗憾的是没有人工作。顺便说一下，我正在使用版本 9。下面的照片是该项目的想法。我希望有一个人可以帮助我。我提前谢谢你。 enter image description here

Answer 1

import differenceInWeeks from 'date-fns/differenceInWeeks';

const startDate = new Date(new Date().getFullYear(), 0, 1); // first day of the year
const endDate = new Date(new Date().getFullYear(), 11, 31); // last day of the year

// How many full weeks are between end date & start date
const count = differenceInWeeks(endDate, startDate);
const result = Array.from({ length: count }, (_, i) => `Week ${i + 1}`);

console.log('array of weeks', result);

如果您使用的是 Angular Material，那么只需遵循本指南 - Angular Material Select

使用 datefns 的当年星期的下拉列表

Dropdown list of weeks of the current year using datefns

angular

typescript

calendar