Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果日期等于今天,则添加徽章。与离子反应_Javascript_Reactjs_Ionic Framework_Conditional Statements_Ionic React - Fatal编程技术网

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
。正在尝试解决如何处理这一问题。