【问题标题】:displaying date and month only out of a string of date仅显示日期字符串中的日期和月份
【发布时间】:2021-01-24 19:02:41
【问题描述】:

我有一个对象数组,上面有日期作为字符串,它看起来像这样

    Object {
      "Date": "2021-01-20T00:00:00",
      "Amount": "2000",
      "Value": 6,
    },

然后我解析对象数组并将其显示在表格上,但是我想将日期显示为 像 5/1 这样的日/月

【问题讨论】:

  • 请分享jsx。

标签: javascript reactjs react-native date jsx


【解决方案1】:

如果您知道Date 字符串的格式将保持不变,则可以进行一些字符串拆分:

const obj = {
  "Date": "2021-01-20T00:00:00",
  "Amount": "2000",
  "Value": 6,
}

const [year, month, day] = obj.Date.substring(0, 10).split('-');

console.log(`${day}/${month}`)

【讨论】:

  • 您可以使用let [year, month, day, ...rest] = obj.Date.split(/\D/) 避免子字符串,并使用${+day}/${+month} 修剪前导零。 ;-)
【解决方案2】:

像这样?

const obj = {
  "Date": "2021-01-20T00:00:00",
  "Amount": "2000",
  "Value": 6,
}
const [_, yyyy, mm, dd] = obj.Date.match(/(\d{4})-(\d{2})-(\d{2})/)
console.log(`${dd}/${mm}`)

【讨论】:

    【解决方案3】:

    你可以像这样得到 Date 对象

    const obj = {
      "Date": "2021-01-20T00:00:00",
      "Amount": "2000",
      "Value": 6,
    }
    
    const date = new Date(obj.Date);
    const displayDate = date.getDate() + "/" + (date.getMonth() + 1);
    console.log(displayDate);

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-12-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多