Javascript 如果日期等于今天,则添加徽章。与离子反应
我正在尝试添加一个“新”徽章Javascript 如果日期等于今天,则添加徽章。与离子反应,javascript,reactjs,ionic-framework,conditional-statements,ionic-react,Javascript,Reactjs,Ionic Framework,Conditional Statements,Ionic React,我正在尝试添加一个“新”徽章示例:如果(job.createdAt)等于“今天”,则在中添加一个“新”徽章 你建议我怎么做 中的日期是当前日期,而不是字符串 我使用离子反应v4 卡片功能如下 非常感谢您的见解 function renderJobList(job) { return [{}].concat(job).map((job, i) => i !== 0 ? ( <LinkContainer key={job.jobId} to
示例:如果(job.createdAt)
等于“今天”,则在
中添加一个“新”徽章
你建议我怎么做
中的日期是当前日期,而不是字符串
我使用离子反应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>
函数renderjobst(作业){
return[{}].concat(job).map((job,i)=>
我!==0(
{(job.packageSelected)}
{(job.streetAddress)}{(job.city)}{(job.state)}{(job.zipCode)}
开始日期:{parseISO(job.startDate).toLocaleString()}
创建时间:{new Date(job.createdAt.toLocaleString()}
尝试添加以下内容:
let today = new Date(new Date().getFullYear(),new Date().getMonth() , new Date().getDate())
然后使用:
<IonCardHeader>{job.createdAt == today ? (<IonBadge color="primary">New</IonBadge>) : null}</IonCardHeader>
{job.createdAt==today?(新):null}
您可以创建日期对象,然后匹配日期字符串
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
“今天”作为字符串还是“今天”作为当前日期?@Stepan很抱歉,我应该澄清一下。日期作为当前日期,而不是字符串。您可以使用.toDateString()
比较这两个日期。例如:parseISO(job.createdAt)。toDateString()==new date().toDateString()
使用toDateString将确保忽略日期的时间部分。谢谢@Stepan!所以我实现了这一点,但我完全忘记了在作业中也包含时间。createdAt
。正在尝试解决如何处理这一问题。