Getting the current time in correct format - React-Native

user_11935230 0
Viewed 269

I can get the Date function directly using moment.js but when the minutes are under 10 it will not display the 0.

Please see picture below for example.

enter image description here

the time is meant to be 12:02 and 12:03

constructor(props) {
      super(props);
      this.state = {
        datetimefinish: '',
      };
    }


  componentDidMount() {
      var that = this;
      var date = new Date().getDate('0' + Number()); //Current Date
      var month = new Date().getMonth() + 1; //Current Month
      var year = new Date().getFullYear(); //Current Year
      var hours = new Date().getHours(); //Current Hours
      var min = new Date().getMinutes(); //Current Minutes
      var sec = new Date().getSeconds(); //Current Seconds

      that.setState({
        //Setting the value of the date time
        datetimefinish:
           hours + ':' + min
      });
    }

<Text style={styles.text}>{this.state.datetimefinish}</Text>
react-native
3 Answers

Please try this if using moment.js to get the Date Time

componentDidMount() {
 var that = this;
 var date = moment()
.format(' HH:mm');
that.setState({ datetime: date });}
user_114323710

You can try this code and parse the string is you need some substring value

var time = new Date();

document.getElementsByTagName("p")[0].innerHTML=time.toTimeString().substring(0, 5);
<p id="time"> </p>

In your case you can use this code

<Text style={styles.text}>{this.state.time.toTimeString().substring(0, 5)}</Text>

An example can be this TimeZone app

user_108542250

You can resolve with this:

...
that.setState({
        datetimefinish:
           `${("0" + hours).slice(-2)}:${("0" + min).slice(-2)}`
      });
...
user_139725930
Related