Primefaces 扩展计时器

Question

我正在尝试以如下格式制作 primefaces 扩展倒数计时器：

剩余时间: 3 天, 01 : 15 : 22

所以我添加了 pe:timer 组件并设置格式如下：

<pe:timer id="time_remaning" timeout="800" format="DDD [days,] HH:mm:ss" immediate="true"/>

但它没有按预期工作。我越来越： 1 天，00:13:20

但是 "days" 部分超时应该是 0 而不是 1。我的格式化程序有错误吗？如文档中所述，我从 here 获得了格式化程序参数。

或者我是否需要为此示例使用自定义 formatFunction，或者有没有办法只使用格式化程序来做到这一点？

Answer 1

我无法使用 formater 使其工作，所以我使用 functionFormater 来完成工作。

这是我的 .xhtml 代码：

<pe:timer id="time_remaning" timeout="#{myBean.getTimeForTimeoutInSeconds()}" 
    formatFunction="return formatMe(value);" />

以及.js格式函数：

window.formatMe = function (value) {
    var numDays = Math.floor(value / 86400);
    var numHours = Math.floor((value % 86400) / 3600);
    var numMinutes = Math.floor(((value % 86400) % 3600) / 60);
    var numSeconds = ((value % 86400) % 3600) % 60;
    return numDays + " dni, " + pad(numHours, 2) + " : "
        + pad(numMinutes, 2) + " : " + pad(numSeconds, 2) + " ";
}

function pad(num, size) {
    var s = num+"";
    while (s.length < size) s = "0" + s;
    return s;
}

Primefaces 扩展计时器

Primefaces extensions timer

timer

primefaces

momentjs

primefaces-extensions