Javascript 理解角度|日期过滤器
我试图在Angular应用程序中简单地显示今天的日期,但无论发生什么,它都只显示默认值。我使用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 角度部
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();很高兴它帮了忙:)很高兴它帮了忙:)