Question

在 React 中根据模型渲染日期

2021-11-09

128

reactjs

我试图让日期以一种良好的格式呈现。当前呈现如下

我试过

function getEndDateFromstring(){
    return itinerary.endDate.split('T').slice(-1)[0]
  }

然后

{itinerary.name} from {getStartDateFromstring()} to {getEndDateFromstring()}

但它抛出了一个错误未捕获的类型错误：无法读取未定义的属性（读取“split”）

Answer 1

这看起来像是一个范围问题，将 行程 传递给您的函数，如下所示

function getEndDateFromstring(itinerary){
    return itinerary.endDate.split('T').slice(-1)[0]
  }

并调用

{itinerary.name} from {getStartDateFromstring(itinerary)} to {getEndDateFromstring(itinerary)}

Answer 2

我使用这个成功了

function addZeroIfOnlyOneChar(dateString){
    dateString = String(dateString);
    if(dateString.length < 2){
      return '0' + dateString
    }
    return dateString
  }

  function getDateFromString(dateString){
    const date = new Date(dateString)
    const day = date.getDate();
    const month = date.getMonth() + 1;
    const year = date.getFullYear();

    
    return `${addZeroIfOnlyOneChar(day)}-${addZeroIfOnlyOneChar(month)}-${year}`
  }

谢谢大家