当前位置: 首页 > 面试题库 >

Angular.js:秒制时间架构过滤器

江阳夏
2023-03-14
问题内容

我正在使用Angular.js,我有一个表示秒数的数字字符串(例如:)610

我需要一个将其转换为时间模式的过滤器:10:10(10分钟10秒= 610秒)。

我应该怎么做?


问题答案:

manzapanza的答案仅在秒数小于86400(1天)时有效。日期对象必须完全为零。同样,最好返回实际的date对象,以便angularjs不必再次创建它。

app.filter('secondsToDateTime', function() {
    return function(seconds) {
        var d = new Date(0,0,0,0,0,0,0);
        d.setSeconds(seconds);
        return d;
    };
});

<b>{{seconds | secondsToDateTime | date:'HH:mm:ss'}}</b>

编辑: 如果您希望小时数不超过24天而不是几天,最好不要使用Date:

app.filter('secondsToTime', function() {

    function padTime(t) {
        return t < 10 ? "0"+t : t;
    }

    return function(_seconds) {
        if (typeof _seconds !== "number" || _seconds < 0)
            return "00:00:00";

        var hours = Math.floor(_seconds / 3600),
            minutes = Math.floor((_seconds % 3600) / 60),
            seconds = Math.floor(_seconds % 60);

        return padTime(hours) + ":" + padTime(minutes) + ":" + padTime(seconds);
    };
});

<b>{{seconds | secondsToTime}}</b>


 类似资料:
  • 问题内容: 我是这个框架的新手,因此练习Angularjs并遵循网站上提供的教程。 有一个示例,我们可以搜索表中存在的数据,示例如下, 在上面的代码中,我可以使用两个不同的输入来搜索手机,即按型号名称搜索和按公司名称搜索,以上代码运行良好, 但是,如果我需要使用选择选项中存在的搜索类型进行搜索,该怎么办? 代码如下 从上面的代码中,您可以看到我正在尝试通过选择框中显示的“姓名”,“公司”或“名称”

  • 问题内容: 给定一个如果满足某些条件则返回true的filter方法,是否可以在HTML中调用其相反的方法,例如使用: 代替 ?还是您必须维护两种单独的过滤器方法(一种表示false,一种表示true)? 问题答案: 正如ENDOH所指出的,这个SO问题是重复的),您可以在前面加上“!”来否定过滤器 过滤器字符串,如下所示: 请注意,“!”被引用。该文件是不会在这个非常清楚,并举例会有帮助。

  • 时间过滤器按照指定的时间段展示搜索结果。设置了 index contains time-based events 和 time-field 的索引模式可以使用时间过滤器。 时间过滤器默认的时间段为最近15分钟。您可以使用页面顶部的 Time Picker 来调整时间段和刷新频率。 通过 Time Picker 设置时间过滤器: 点击 Kibana 工具栏中的 Time Picker 。 可以通过点

  • 本文向大家介绍通过js控制时间,一秒一秒自己动的实例,包括了通过js控制时间,一秒一秒自己动的实例的使用技巧和注意事项,需要的朋友参考一下 1、第一种形式 2、第二种形式 以上这篇通过js控制时间,一秒一秒自己动的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 问题内容: 我有一个过滤器linkifyStuff,其中需要使用其他过滤器处理一些变量。我无法弄清楚从另一个调用一个过滤器的语法。 我了解过滤器链接-这不是我想要的。我想将过滤器应用于linkifyStuff过滤器中的局部变量,而不是其输入或输出。 我希望像下面这样工作,但是$ filter(’filtername’)显然不是正确的语法。 我可以为sanitizeStuff和sanitizeStu

  • 问题内容: 在我的JavaScript中,我有一个数组 而且我正在尝试使选择器仅显示唯一的quoteNumbers即。ING-70440-21和ING-70440-01。但是,当我尝试在angular中使用’unique’选项时,没有任何显示。 没有唯一标签,它可以正常工作。我究竟做错了什么?我对angular非常陌生,所以它可能真的很简单。 问题答案: AngularJS没有内置过滤器。您可以执