Question

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

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

我用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（巴黎，马德里（heured'été））

我不知道如何将格式更改为短格式，如DD-MM-YYYY。

我尝试过像：

这样的过滤器

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

感谢您的帮助。

Answer 1

试试这个：

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

即使用html本身的过滤器。

演示：http://jsfiddle.net/Blackhole/srnug/

Answer 2

结帐这将有助于您： -

function MyController($scope){
  $scope.MyObje = {mydate:new Date()}
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>

<div ng-app ng-controller="MyController">
  <input type="date" ng-model="MyObje.mydate">

  {{MyObje.mydate | date:'dd/MM/yyyy'}}
</div>

Answer 3

首先分割日期和时间。第二，取代所有＆＃34; - ＆＃34;到＆＃34; /＆＃34;

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

Answer 4

/* 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);
 }

AngularJS：格式日期输入

4 个答案: