Javascript 理解角度|日期过滤器

Javascript 理解角度|日期过滤器,javascript,angularjs,date,Javascript,Angularjs,Date,我试图在Angular应用程序中简单地显示今天的日期,但无论发生什么,它都只显示默认值。我使用javascript获取日期: var date = new Date(); var day = date.getDay(); var month = date.getMonth(); var year = date.getFullYear(); var dateNum = Number(day + "" + month + "" + year); 所以dateNum在控制台中是2112016 角度部

我试图在Angular应用程序中简单地显示今天的日期,但无论发生什么,它都只显示默认值。我使用javascript获取日期:

var date = new Date();
var day = date.getDay();
var month = date.getMonth();
var year = date.getFullYear();
var dateNum = Number(day + "" + month + "" + year);
所以dateNum在控制台中是2112016

角度部分:

app.controller("mainCtrl", function($scope, $http) {

  $scope.dateInfo = dateNum;

...
以及HTML:

<body ng-app="weatherApp" ng-controller="mainCtrl">

  <div class="row main">
    <div class="col-lg-4">
      <div class="cardTokyo">

        <div class="row">
          <div class="col-xs-6">
            <p class="hour"> Placeholder
              <p>
          </div>
          <div class="col-xs-6">
            <p class="date"> {{ dateInfo | date:"MM/dd/yyyy"}}
              <p>
          </div>
        </div>
        <!--row-->

       ...

占位符

{{dateInfo | date:“MM/dd/yyyy”} ...


它只显示1970年1月1日,即使我手动输入数字而不是日期信息。我做错了什么?

您不需要将其转换为数字,然后应用过滤器。只需创建一个日期对象并对其应用所需格式的过滤器:

控制器:

function MyCtrl($scope) {
  $scope.dateInfo = new Date();
}
在Html中:

<div class="col-xs-6">
   <p class="date"> {{ dateInfo | date:"MM/dd/yyyy"}}</p>
</div>

{{dateInfo | date:“MM/dd/yyyy”}


您不需要将其转换为数字,然后应用过滤器。只需创建一个日期对象并对其应用所需格式的过滤器:

控制器:

function MyCtrl($scope) {
  $scope.dateInfo = new Date();
}
在Html中:

<div class="col-xs-6">
   <p class="date"> {{ dateInfo | date:"MM/dd/yyyy"}}</p>
</div>

{{dateInfo | date:“MM/dd/yyyy”}


使用
date
变量,而不是HTMLWhat中的
dateInfo
dateInfo
是他的变量的名称,也就是说,如果它被转换为数字,如何用管道呈现数字?如果可以的话,我还没有看到。如果可以,请告诉我。只需将
DateTime
传递给您的视图即可。请尝试:$scope.dateInfo=new Date();在HTMLWhat中使用
date
变量,而不是
dateInfo
dateInfo
是他的变量的名称,也就是说,如果它被转换为数字,如何用管道呈现数字?如果可以的话,我还没有看到。如果可以,请告诉我。只需将
DateTime
传递给您的视图即可。请尝试:$scope.dateInfo=new Date();很高兴它帮了忙:)很高兴它帮了忙:)