如果(job.createdAt)
等于"今天",我试图在<IonCardHeader>
中添加"新"徽章example: <IonBadge color="primary">New</IonBadge>
。
你会建议我怎么做?
日期如in,当前日期,而不是字符串。
我正在使用 Ionic React v4。
卡片功能如下。
非常感谢您的见解!!
function renderJobList(job) {
return [{}].concat(job).map((job, i) =>
i !== 0 ? (
<LinkContainer key={job.jobId} to={`/jobinfo/${job.jobId}`}>
<IonItemGroup>
<IonCard>
<IonCardHeader>
<IonCardSubtitle><b>{(job.packageSelected)}</b></IonCardSubtitle>
<IonCardTitle><h3>{(job.streetAddress)} {(job.city)} {(job.state)} {(job.zipCode)}</h3></IonCardTitle>
</IonCardHeader>
<IonCardContent>
<p><b> Start Date: </b> {parseISO(job.startDate).toLocaleString()}</p>
<p><b> Created At: </b> {new Date(job.createdAt).toLocaleString()}</p>
</IonCardContent>
</IonCard>
</IonItemGroup>
</LinkContainer>
尝试添加以下内容:
let today = new Date(new Date().getFullYear(),new Date().getMonth() , new Date().getDate())
然后使用:
<IonCardHeader>{job.createdAt == today ? (<IonBadge color="primary">New</IonBadge>) : null}</IonCardHeader>
您可以创建日期对象,然后匹配日期字符串
const today = new Date().toISOString().slice(0, 10);
const isToday = new Date(job.createdAt).toISOString().slice(0, 10) == today;
// implement your logic based on isToday boolean