change date format into “DD-MM-YYYY”

Question

I used input type "date" as below,

<input type="date" class="form-control input-sm pull-right" name="order_date" placeholder="Created At"
          id="l1" [(ngModel)]="order_date">

It gives the result with "YYYY-MM-DD" format.

I need the result as "DD-MM-YYYY" with the input type of "date'.Any idea to overcome this!

Answer 1

Use {{date | date:'ddMMyyyy'}} {{date | date:'ddMMyyyy'}} instead of {{date | date:'dd MM yyyy'}} {{date | date:'dd MM yyyy'}}

Answer 2

Use:

(ngModelChange)=setDate(order_date)

And in component:

setDate(date:Date){
  payload.date = date; // to save payload 
}

Answer 3

\n

\n

\n

{{order_date| formatDate: order_date:'d/M/yyyy'}}

\n

\n

\n

Answer 4

var newDatepickerDate = new Date(23/03/1999);
var startup = newDatepickerDate.toLocaleDateString();
var datePickerdate =startup.replace(/\b(\d\/)/g,'0$1');
var i = datePickerdate;
var dayMonthYear= i.replace(/(\d\d)\/(\d\d)\/(\d{4})/, "$3-$1-$2");