gpt4 book ai didi

javascript - Angular Filter,将 JSON 文件日期与今天的日期进行比较

转载 作者:行者123 更新时间:2023-11-30 09:47:49 25 4
gpt4 key购买 nike

<p id="appt_time" ng-if="x.dateTime | date: MM/dd/yyyy == {{todaysDate}}">SHOW ME IF TRUE{{todaysDate}} </p>

Plunkr:https://plnkr.co/edit/r2qtcU3vaYIq04c5TVKG?p=preview

x.dateTime | date: MM/dd/yyyy 获取日期和时间,根据我的 json 文件,过滤后结果是:06/18/2016

我想要完成的是将此“x.dateTime”与今天的日期进行比较,如果该陈述为真,则显示该段落。所以在我的 Angular 文件中,我有一个 $scope.todaysDate = "06/18/2016",但该段落没有显示。

HTML 文件:

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="style.css">
<script src="https://code.angularjs.org/1.5.5/angular.js"></script>
<script src="script.js"></script>

</head>

<body ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="x in information">

<!--Compare Json Object to Javascript Object-->
<p ng-if ="x.dateTime">{{x.dateTime | date: MM/dd/yyyy }}</p>
<!--Compare Json Object to Today's Date-->
<p id="appt_time" ng-if="x.dateTime.valueOf() === todaysDate.valueOf()">Open in: {{todaysDate}} </p>
</div>
</body>

</html>

JS 文件:

// declare a module
var myAppModule = angular.module('myApp', []);
var todaysDate = new Date();


// configure the module.
// in this example we will create a greeting filter
myAppModule.controller('myCtrl', ['$scope','$http', function($scope, $http)
{

$scope.todaysDate = todaysDate;
$scope.test = "Volvo";

$http.get("time.json")
.then(function(data) {
$scope.information = data;
});
}]
);

JSOn 文件:

{
"dateTime":"2016-06-18T18:41:00.748-04:00"

}

最佳答案

因为您要处理日期和时间,所以事情很快就会变得棘手。我建议使用 Moment.js library ,因为它使这变得 super 简单:

ng-if="moment.utc(x.DateTime).isSame(todaysDate, 'day')"

那里的“day” 表示您希望比较这两个值的粒度。但是,即使没有该库也相对容易:

ng-if="x.DateTime.substring(0, 10) === todaysDate"

$scope.todaysDate 更改为 "2016-06-18"

关于javascript - Angular Filter,将 JSON 文件日期与今天的日期进行比较,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38083759/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com