我在React中制作了一个简单的周日历,需要在其中显示小时列。一个日历将在单击时生成,并基于实际的周数显示整个星期的周一到周日。我使用Moment.js来管理日期。
我尝试做的是在每个map循环中将日期编号增加1。现在我知道如何显示实际日期的正确日期编号。但是我如何在每个循环中将其增加1呢?我尝试了这个解决方案How increment id tag with map function in React。它可以在id上工作,但在这个示例中不起作用。
我使用以下代码显示日期:
{moment(date).format(`DD/MM/YYYY`)}
我很乐意得到任何提示或建议。下面是我的代码的一小部分:
const CalendarAdmin = ({openModal}) => {
const { active, setActive, sorted } = useContext(CalendarContext)
function addCalendar() {
setShow(true);
}
const [show, setShow] = useState(false);
const date = new Date();
const currentDate = moment(date).format('DD/MM/YYYY');
const currentWeek = moment(date).format('w');
const currentDay = moment(date).format('D');
const renderWeek = () => {
return (
<div className="calendar-content">
<h1>Calendar 1</h1>
<h1>Okres czasu: 14.11 - 20.11 ({currentWeek})</h1>
<div className="calendar-days">
{dayNames.map((item, dayIndex) =>
<div className="day-column" >
<h2 key={dayIndex}>{item.longName}</h2>
<h2>{item.testDate}</h2>
{moment(date).format(`DD/MM/YYYY`)}
{hours.map((hour, hourIndex) => {...
3条答案
按热度按时间olhwl3o21#
可以通过以下几种方式使用贴图索引:
1000 * 60 * 60 * 24
*演示:
33qvvth12#
您可以将此add function in moment js用作
bvjxkvbb3#
既然你想增加每一次迭代的天数,你可以这样做。