How to get date in dd-mm-yyyy format

Question

I am building a web application which requires date to be entered, but on entering a date it will be saved in mm-dd-yyyy and on using bootstrap it will be saved in yyyy-mm-dd format.

Below is the code.

searchTrain(e) {
    e.preventDefault();
    this.props.trains(this.state)
    this.setState({ to: '', from: '', date: '' })
  }

  onChangeTrain(e) {
    this.setState(
      { [e.target.id]: e.target.value }
      //   , () => console.log(this.state)
    );
  }

 <div className="col" >
            <label >
              <span>Journey Date <span className="required">*</span></span>
              <input type="date" className="input-field" id="date"
                value={this.state.date} onChange={this.onChangeTrain} 

                />
            </label>
          </div>

Storing the date in a non-standard format is a bad idea. Store it as ISO instead. — str, Feb 05 '19 at 10:22
I am using for this api. https://api.railwayapi.com/v2/cancelled/date//apikey// — Abhishek Konnur, Feb 05 '19 at 10:24

score 0 · Answer 1 · edited Feb 05 '19 at 10:25

0

You can try this:

const today = Date.now();

console.log(new Intl.DateTimeFormat('pt-BR', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit'
}).format(today));

edited Feb 05 '19 at 10:25

Federico klez Culloca

26,308
17
56
95

answered Feb 05 '19 at 10:24

Marcelo Macedo

91
5

its the date selected from input box. Not the current date – Abhishek Konnur Feb 05 '19 at 10:25
@AbhishekKonnur then substitute it in `const today`, what's the matter? – Federico klez Culloca Feb 05 '19 at 10:26
Anyway, Marcelo, close but it shouldn't include the time. Also, why `pt-BR` specifically? – Federico klez Culloca Feb 05 '19 at 10:27
Okay will check with your approach. – Abhishek Konnur Feb 05 '19 at 10:28
Sorry, to not include the time: const today = Date.now(); console.log(new Intl.DateTimeFormat('pt-BR', { year: 'numeric', month: '2-digit', day: '2-digit' }).format(today)); – Marcelo Macedo Feb 05 '19 at 11:31
The format "DD/MM/YYYY" is used here in Brazil. That why i use "pt-BR" – Marcelo Macedo Feb 05 '19 at 11:32

Heshan · Answer 2 · 2019-02-05T10:49:01.087

0

convert both dates before saving, Use momentJS

moment("05-05-2012", 'mm-dd-yyyy').format('dd-mm-yyyy');

edited Feb 05 '19 at 10:49

answered Feb 05 '19 at 10:31

Heshan

772
8
22

score -1 · Answer 3 · edited Feb 05 '19 at 10:38

-1

Using moment will be a plug and play thing include

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/locale/en-ca.js"></script>

var date = moment('30-06-2010', 'DD-MM-YYYY')

date.format('MM-DD-YYYY')

edited Feb 05 '19 at 10:38

Federico klez Culloca

26,308
17
56
95

answered Feb 05 '19 at 10:38

Vaibhav Chauhan

350
2
8

How to get date in dd-mm-yyyy format

3 Answers3