如何在反应本机中使用 flatlist 在日期时间显示 20230324213000

Question

我已经使用 moment.js 来显示日期和时间，但它不起作用，所以如果可能的话，我可以获得有关此主题的帮助

<FlatList
                            refreshControl={
                                <RefreshControl
                                    refreshing={refresh}
                                    onRefresh={() => {
                                        pullMe();
                                        getScore();
                                    }}
                                />
                            }
                            keyExtractor={(index) => {
                                return index.Sid
                            }}
                            data={myData}
                            renderItem={({ item }) => {
                                return (
                                    <View>
                                        <View style={hr101} />
                                        <Text style={league}>{item.Snm}</Text>
                                        <Text style={league2}>{item.Cnm}</Text>
                                        <View>
                                            {item.Events.map((event) => (
                                                <View style={match}>
                                                    <Text style={league2}>{event.EtTx}-{event.ErnInf}</Text>
                                                    <Text style={status1}>{event.EpsL} {moment( event.Esd ).format('MMMM Do YYYY, h:mm:ss a')}</Text> __//this line event.Esd will return 20230324213000__
                                                    <View style={hr100} />
                                                    <Text style={teams1}>{event.T1[0].Nm} </Text>
                                                    <Text style={teams}>
                                                        {event.Tr1C2 !== undefined && event.Tr1CW2 !== undefined && event.Tr1CO2 !== undefined ? (<Text style={teams}>{event.Tr1C1}-{event.Tr1CW1} ({event.Tr1CO1} Ovs){"\n"}&{"\n"}{event.Tr1C2}-{event.Tr1CW2} ({event.Tr1CO2} Ovs)</Text>) : event.Tr1C1 !== undefined && event.Tr1CW1 !== undefined && event.Tr1CO1 !== undefined ? (<Text>{event.Tr1C1}-{event.Tr1CW1} ({event.Tr1CO1} Ovs)</Text>) : (<Text style={teams_yet}>Yet to bat</Text>)}
                                                    </Text>
                                                    <View style={hr100} />
                                                    <Text style={teams1}>{event.T2[0].Nm} </Text>
                                                    <Text style={teams}>
                                                        {event.Tr2C2 !== undefined && event.Tr2CW2 !== undefined && event.Tr2CO2 !== undefined ? (<Text style={teams}>{event.Tr2C1}-{event.Tr2CW1} ({event.Tr2CO1} Ovs){"\n"}&{"\n"}{event.Tr2C2}-{event.Tr2CW2} ({event.Tr2CO2} Ovs)</Text>) : event.Tr2C1 !== undefined && event.Tr2CW1 !== undefined && event.Tr2CO1 !== undefined ? (<Text>{event.Tr2C1}-{event.Tr2CW1} ({event.Tr2CO1} Ovs)</Text>) : (<Text style={teams_yet}>Yet to bat</Text>)}
                                                    </Text>
                                                    <View style={hr100} />
                                                    <Text style={result}>{event.ECo}</Text>
                                                </View>
                                            ))}
                                        </View>
                                    </View>
                                );
                            }}
                        />

event.Esd 将是我要转换为日期时间的给定字符串 该行代码显示 January 28th 2611, 12:00:13 pm 而它应该在 2023 年 3 月 24 日晚上 9:30:00 返回

Answer 1

您可以尝试以下代码片段。遵循正确的格式说明符将为您提供预期的输出。您应该将输入格式作为第二个参数传递给

moment()

。格式说明符

Do

将为您提供数字序号。其余的人直视前方。

const str = "20230324213000";
console.log(moment(str, "YYYYMMDDhmss a").format("MMMM Do YYYY, hh:mm:ss"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>