我如何要求AngularJS为时间戳格式化本地时间?

克里斯托斯·海沃德(Christos Hayward)

我有一个由两个元素组成的数组:第一个元素是字符串,第二个元素是自历元以来的整数毫秒。我可以显示毫秒数的整数,但是尝试获取日期的语言环境字符串时出现错误。

导致时间戳显示为整数的两行代码是:

<div class='timestamp' ng-bind='monologues[session][1]'></div>
<div class='timestamp' ng-bind='new Date(monologues[session][1]).toLocaleString()'></div>

Chrome错误控制台提供:

Error: [$parse:syntax] http://errors.angularjs.org/1.3.0-beta.3/$parse/syntax?p0=Date&p1=is%20an%20unexpected%20token&p2=5&p3=new%20Date(monologues%5Bsession%5D%5B1%5D).toLocaleString()&p4=Date(monologues%5Bsession%5D%5B1%5D).toLocaleString()
    at Error (native)
    at http://localhost:8000/media/js/angular.min.js:6:456
    at $a.throwError (http://localhost:8000/media/js/angular.min.js:164:422)
    at $a.parse (http://localhost:8000/media/js/angular.min.js:163:299)
    at http://localhost:8000/media/js/angular.min.js:96:31
    at k (http://localhost:8000/media/js/angular.min.js:102:163)
    at g.$watch (http://localhost:8000/media/js/angular.min.js:103:321)
    at http://localhost:8000/media/js/angular.min.js:188:247
    at H (http://localhost:8000/media/js/angular.min.js:52:492)
    at g (http://localhost:8000/media/js/angular.min.js:46:28) <div class="timestamp ng-binding" ng-bind="new Date(monologues[session][1]).toLocaleString()"> 

首先,我是否通过尝试绑定到JavaScript表达式来计算要显示的内容来正确地处理问题?

其次,我应该如何处理服务器(根据我的选择)所提供的整数毫秒数的方法,并且我想为用户显示相应的格式化语言环境时间?

埃文德罗·席尔瓦(Evandro Silva)

使用$ watch

您可以在控制器中进行设置:

$scope.$watch('monologues', function() {
    $scope.newProp = new Date($scope.monologues[$scope.session][1]).toLocaleString();
});

然后在您的视图中使用它:

<div class='timestamp' ng-bind='newProp'></div>

使用过滤器

您也可以为此创建一个过滤器,如下所示:

myApp.filter('toLocale', function () {
    return function (item) {
        return new Date(item).toLocaleString()
    };
});

并在视图上使用它:

<div class='timestamp'>{{ monologues[session][1] | toLocale }}</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将对象作为时间戳转换为格式化日期

来自分类Dev

使用WinRT格式化本地时间戳

来自分类Dev

Ruby-将格式化的日期转换为时间戳

来自分类Dev

如何格式化传出JSON中的时间戳

来自分类Dev

如何格式化Twitter(和其他)时间戳?

来自分类Dev

如何格式化传出JSON中的时间戳

来自分类Dev

如何用Java格式化Twitter时间戳?

来自分类Dev

格式化Stripe的时间戳

来自分类Dev

格式化UserSpice中的时间戳

来自分类Dev

我的时间数据“与格式不匹配”。如何正确格式化我的日期时间?

来自分类Dev

格式化时间戳

来自分类Dev

在 AngularJs 中转换为时间戳

来自分类Dev

从格式化日期获取UTC时间戳-javascript

来自分类Dev

格式化JSON API的活动记录时间戳

来自分类Dev

使用时区格式化Unix时间戳吗?

来自分类Dev

从Unix时间戳获取格式化日期

来自分类Dev

使用awk分解时间戳并对其进行格式化

来自分类Dev

psycopg 插入时间戳而不格式化

来自分类Dev

重新格式化管道分隔文件中的时间戳

来自分类Dev

amcharts4 从 unix 时间戳格式化日期

来自分类Dev

如何从服务器格式化此传入的时间戳字符串?

来自分类Dev

Java 8 epoch-millis时间戳到格式化日期,如何?

来自分类Dev

如何在jboss日志记录的模式格式化程序中自定义时间戳

来自分类Dev

如何从服务器格式化此传入的时间戳字符串?

来自分类Dev

如何格式化来自unix时间戳数组的日期列表?

来自分类Dev

如何使用FFMPEG将任意格式化的时间戳添加到视频中?

来自分类Dev

如何从命令行获取UNIX时间戳的格式化日期

来自分类Dev

如何格式化持续时间

来自分类Dev

如何正确格式化Java时间

Related 相关文章

热门标签

归档