前提・実現したいこと
react native初心者です。
チャットのメッセージ表示について、
AP/PM表示(11:00PM)から24時間表示(23:00)にしたいです。
以下ソースコードに変更したところ、日付が表示されなくなってしまいました。
時間フォーマットの変更について、ご教授頂けますと幸いです。
該当のソースコード
recieveAddedMessages = (ref): void => { ref.on('child_added', (snapshot) => { const m = snapshot.val(); if (m.id <= this.state.messages[0]._id){ return; } // add const time = new Date(m.created_at) const hh = time.getHours(); const mm = time.getMinutes(); const created_time = hh + ":" + mm const msg = { _id: m.id, text: m.text, createdAt: created_time, image: m.image, user: { _id: m.user.id, name: m.user.name, avatar: m.user.avatar, } }; this.setState(previousState => ({ messages: GiftedChat.append(previousState.messages, [msg]), })); }); }; ... render() { const { messages, text } = this.state; const { navigation, session } = this.props; return ( <GiftedChat messages={messages} onSend={messages => this.onSend(messages)} user={this.user} alwaysShowSend={true} dateFormat={'YYYY/MM/DD'} onPressActionButton={this.showImagePicker} placeholder={str.messagePlaceholder} renderBubble={this.renderBubble.bind(this)} renderSend={this.renderSend.bind(this)} onPressAvatar={this.onPressAvatar.bind(this)} renderComposer={this.renderComposer.bind(this)} /> ); }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。