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

【问题标题】：change date format into "DD-MM-YYYY"将日期格式更改为“DD-MM-YYYY”
【发布时间】：2017-09-11 11:40:56
【问题描述】：

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

<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”。任何想法来克服这个问题！

【问题讨论】：

把value="{{date | date:'dd MM yyyy'}}"改成value="{{date | date:'dd-MM-y'}}"应该没问题。

标签： javascript html angular

【解决方案1】：

使用{{date | date:'ddMMyyyy'}} 代替{{date | date:'dd MM yyyy'}}

【讨论】：

它仍然给出相同的结果！
试试{{date | date:'dMy'}}

【解决方案2】：

用途：

(ngModelChange)=setDate(order_date)

在组件中：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案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");

【讨论】：

请不要发布仅代码的答案。对于未来的读者来说，看到解释为什么这回答了这个问题会更有趣。除此之外，你不能指望toLocaleDateString() 的任何可预测的输出，所以我想知道这种方法是否有效。