将日期格式更改为“DD-MM-YYYY”

Question

我使用输入类型“日期”如下，

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

它以“YYYY-MM-DD”格式给出结果。

我需要结果为“DD-MM-YYYY”，输入类型为“date”。有什么想法可以克服这个问题！

Answer 1

使用{{date | date:'ddMMyyyy'}} {{date | date:'ddMMyyyy'}}而不是{{date | date:'dd MM yyyy'}} {{date | date:'dd MM yyyy'}}

Answer 2

使用：

(ngModelChange)=setDate(order_date)

在组件中：

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");