javascript - 使用 Moment.js 获取从减去到日期的天数

Question

我想为事件设置倒计时，因此仅在事件尚未开始的情况下，才会显示事件前天的倒计时。日期像 DD-MM-YYYY 一样存储在数据库中，因此我使用 Moment.js 转换它们，但我仍然没有得到剩余的天数。这是我的代码

moment.locale('es');
        var hoy = moment().format("DD-MM-YYYY");
        var finicio = moment("20-01-2015", "DD-MM-YYYY").format("DD-MM-YYYY");
        var ffin = moment("19-01-2015", "DD-MM-YYYY").format("DD-MM-YYYY");
        $(function () {
            if (finicio < hoy) {
                $("#estadoevento").text("EXPIRADO");
            }
            else if (finicio > hoy) {
                $("#estadoevento").text("EN ESPERA");
                var contador = moment(finicio).diff(moment(hoy));
                var espera = moment.duration(contador);
                var restante = espera.asDays();
                $("#contador").text("FALTAN " + restante + " DÍAS");
            }
            else {
                $("#estadoevento").text("EN ESTE MOMENTO");
            }
        });

但是我没有得到这些值，我不知道是否必须重新声明我的变量，目前代码仅在事件过期、传入或今天时在 span 标记上显示一条消息，并且工作正常。

变量finicio是包含事件开始日期的变量，因此如果事件在五天内开始，我不想得到该数字，我尝试过，但它返回0值。我也在使用 jQuery。

contador变量是两个日期相减，变量espera获取contador的持续时间，最后restante变为天，但我不知道我的代码错在哪里。

Answer 1

好的，有几件事。

格式返回字符串

.format() 输出一个字符串。

所以当你这样做时finicio < hoy您正在比较哪个字符串更大。如果字符串格式为 YYYY-MM-DD 就可以了。 (从最大到最小)但是当它们首先有天时，这将无法正确比较它们。

相反，请使用 isBefore isSame和isAfter 。并将它们与实际的时刻对象一起使用:

var hoy = moment(); // No .format
var finicio = moment("20-01-2015", "DD-MM-YYYY");
var ffin = moment("19-01-2015", "DD-MM-YYYY");

if( hoy.isAfter(finicio) ){ ... }

从字符串创建时刻

这个:

var contador = moment(finicio).diff(moment(hoy));

与

相同

var contador = moment('20-01-2015').diff(moment('20-01-2015'));

因为finicio和how是字符串，而不是时刻对象。

这意味着您正在从字符串创建两个 moment 对象，而不告诉 moment 它们的格式如何。如果你运行moment('20-01-2015')独自一人，你会得到一个错误。

如果你输入finicio，代码就会工作。和hoy moment 对象而不是字符串。或者，如果您提供格式字符串:moment(finicio,"DD-MM-YYYY") .

和以前一样，我建议删除 .format当您创建hoy时, finicio和ffin这样你就有了可以使用的时刻对象。

编辑:粒度

您可以做的另一件事是 isBefore isSame和isAfter设置粒度。

moment().isSame('2015-02-06'); // false, because time is different
moment().isSame('2015-02-06', 'day'); // true, because anything smaller than days is ignored

这是JSFiddle 来自细粒度固定的评论。