Actualmente estoy usando este formato para obtener el tiempo de los datos de la API (
)
const d = new Date(eventData.ends_on); const endTime = `${d.getHours()}:${d.getMinutes()${d.getSeconds()}` si quisiera agregar AM/PM así
, ¿Cómo se vería el formato en el código anterior? Por favor, ayúdame.
A continuación se muestra mi código, me gustaría implementarlo en este código:
return ( <ScrollView style={[GlobalStyle.CustomScrollView]}> <HeaderBar3/> <Text style={[GlobalStyle.EventTitle]}> Event Details</Text> <View style={[GlobalStyle.EventDetailView]}> <Image style={[GlobalStyle.EventDetailImage]} source={{uri: eventData.main_image}} resizeMode="contain"/> <Text style={[GlobalStyle.EventSubtitle]}>Date:</Text> <Text style={[GlobalStyle.EventDate]}>{date}</Text> <Text style={[GlobalStyle.EventTime]}>{endTime}</Text> </View> </ScrollView> );Una opción es usar el método toLocaleString , para que pueda proporcionar las opciones que necesita. Para usar la configuración regional predeterminada, simplemente pase una matriz vacía a la función.
const d = new Date() const time = d.toLocaleString([], { hour: 'numeric', minute: 'numeric', hour12: true }) console.log(time)Para usarlo con una fecha predefinida, simplemente cambie la primera línea:
const d = new Date(item.ends_on)