AngularJS：格式化日期输入

我的HTML中有一个输入类型日期。（我正在使用angularjs）
我是这样用的：

< input ng-model="voyage.dateRetour" type="date">   
{{voyage.dateRetour}}

它给了我：2015年8月21日星期五00:00:00 GMT+0200（巴黎，马德里）

我不知道如何将格式更改为像DD-MM-YYYY这样的短格式

我试着做一个过滤器，比如：

$filter('date')($scope.voyage.dateRetour, "dd/MM/yyyy");

谢谢你的帮助。

试试这个：

    <div ng-app ng-controller="MyCtrl">{{date | date:'dd MMM yyyy - hh:mm a'}}
    <br />{{date}}</div>

{date | date:'dd MMM yyyy-hh:mm a'}

{{date}

i、 e在html本身中使用过滤器

---

演示：日期和时间的第一次拆分。第二，将所有“-”替换为“/”

{{voyage.dateRetour.split（“T”）[0]。split（“-”）.join（“/”；}}

签出此项，它将帮助您：--

函数MyController（$scope）{
$scope.MyObje={mydate:new Date（）}
}

{{MyObje.mydate}日期：'dd/MM/yyyy'}

尝试将{voyage.dateRetour}替换为{voyage.dateRetour | date:“dd/MM/yyyy”}谢谢您的回复，我需要控制器中的日期，以便在pdf和jsPDF中使用，因此，我需要一个过滤器在我的控制器中，而不是在HTML中。类似的问题已经在之前的创建一个plunkr中得到了回答，我们可以看到您所面临的确切问题。我不能创建plunker，因为我需要jsPDF插件，但我可以解释：我创建了一个带有jsPDF的pdf，我使用输入来完成pdf，所以我这样做了$scope.createPDFs=function（filename）{var doc=new jsPDF（）；doc.text（13,95，'Retour:'+$scope.voyage.dateRetour）；它给了我2015年8月21日星期五00:00:00 GMT+0200（巴黎，马德里（heure d'été））对不起，我想我没有问wwell我的问题，对于我刚刚测试过的html，我需要控制器中的日期，以便在pdf和jsPDF中使用，所以我需要控制器中的过滤器，而不是html。谢谢你，但它不适合我，正如我在评论中所说，我需要控制器中的日期，以便在pdf和jsPDF中使用，所以我需要控制器中的过滤器ller不是HTML格式。好的，将代码写在控制器的括号中。如果给出了日期，它就会起作用，而此代码可能会回答问题，提供有关此代码为什么和/或如何回答问题的附加上下文，从而提高其长期价值。@VishalChhodwani这只是一个示例，您可以根据需要修改。您可以将其称为inside函数或在html中使用。简而言之，您可以根据需要修改此代码

    <div ng-app ng-controller="MyCtrl">{{date | date:'dd MMM yyyy - hh:mm a'}}
    <br />{{date}}</div>

< input ng-model="voyage.dateRetour" type="date">   
{{voyage.dateRetour.split("T")[0].split("-").join("/");}}

/* code to format date into controller */

 app.controller('homeController', function($scope,$filter) {
    $scope.date = $filter("date")(new Date('2017-12-04'),'dd/MM/yyyy');
    alert($scope.date);
 }