在时间下拉列表中Reactjs时间转换

vcudknz3 于 2023-01-25 发布在 React

关注(0)|答案(1)|浏览(100)

我需要在材料UI下拉菜单中显示以下选项
从5到60的下拉列表应显示5 m、10 m、15 m、20 m等，对于720和1440，应显示12 h和24 h我使用以下代码设置react中的状态

` let timeoption = "5,10,15,20,25,30,40,45,60,720,1440";
 setTimeOption(timeoption.split(',').map(option => {
    return {
        id: option,
        label: `${option}m`
    }
}));`

对于720、1440，标签应显示为“h”而非“m”
let timeoption = "5,10,15,20,25,30,40,45,60,720,1440"; setTimeOption(timeoption.split(',').map(option => { return { id: option, label:${选项}m let timeoption = "5,10,15,20,25,30,40,45,60,720,1440"; setTimeOption(timeoption.split(',').map(option => { return { id: option, label:

reactjs

来源：https://stackoverflow.com/questions/75225054/react-js-time-conversion-in-time-dropdown

1条答案

按热度按时间

bzzcjhmw1#

您可以在label中使用三元运算符，根据时间值指定m或h。

let timeoption = "5,10,15,20,25,30,40,45,60,720,1440";
setTimeOption(timeoption.split(',').map(option => ({
    id: option,
    label: `${option}${option <= 60 ? 'm' : 'h'}`
})));

以下是产生的结果：

[
  { id: '5', label: '5m' },
  { id: '10', label: '10m' },
  { id: '15', label: '15m' },
  { id: '20', label: '20m' },
  { id: '25', label: '25m' },
  { id: '30', label: '30m' },
  { id: '40', label: '40m' },
  { id: '45', label: '45m' },
  { id: '60', label: '60m' },
  { id: '720', label: '720h' },
  { id: '1440', label: '1440h' }
]

赞(0）回复(0）举报 2023-01-25

我来回答

在时间下拉列表中Reactjs时间转换

1条答案

相关问题

热门标签

最新问答