Moment js日期时间比较

问题描述 投票:0回答:9

我正在使用 moment.js 来格式化我的日期时间,这里我有两个日期值,我想在一个日期大于另一个日期时实现一个特定的功能。我阅读了他们的大部分文档,但没有找到实现此目的的功能。我知道它会在那里。

这是我的代码:

var date_time = 2013-03-24 + 'T' + 10:15:20:12 + 'Z'
var d = moment(date_time).tz('UTC'); // first date 

var now = new Date(),
    dnow = moment(now).tz('UTC'),
    snow = dnow.minute() % 15,
    diffnow = 15 - snow,
    tonow = moment(dnow).add('minute', diffnow),
    ahead30now = moment(tonow).add('minute', 30);

if (d > ahead30now) {
    // allow input time
    console.log('UTC TIME DB', d.format());
} else {

}

编辑

var date_time = req.body.date + 'T' + req.body.time + req.body.timezone; // 2014-03-24T01:15:000
var utc_input_time = moment(date_time).utc(); // 2014-03-24T01:15:000
console.log('utc converted date_time', moment(date_time).utc().format("YYYY-MM-DDTHH:mm:SSS"));
var isafter = moment(utc_input_time).isAfter(moment('2014-03-24T01:14:000')); // true
if(isafter === true){
    console.log('is after true');
} else {
    console.log('is after is false');
}

在这里,我正在比较两个日期,即

2014-03-24T01:15:000 > 2014-03-24T01:14:000
,期望第一个日期大于第二个日期,但它总是进入 else 条件。我不知道为什么?

javascript jquery datetime momentjs
9个回答
686
投票

我相信您正在寻找查询函数

isBefore
isSame
isAfter

但是要准确地说出你在尝试什么有点困难。也许您只是想了解输入时间和当前时间之间的差异?如果是这样,请考虑差分函数

diff
。例如:

moment().diff(date_time, 'minutes')

其他一些事情:

  • 第一行有错误:

      var date_time = 2013-03-24 + 'T' + 10:15:20:12 + 'Z'
    

    那是行不通的。我想你的意思是:

      var date_time = '2013-03-24' + 'T' + '10:15:20:12' + 'Z';
    

    当然,你也可以:

      var date_time = '2013-03-24T10:15:20:12Z';
    
  • 您使用的是:

    .tz('UTC')
    不正确。
    .tz
    属于 moment-timezone。除非你在其他时区工作,否则你不需要使用它,比如
    America/Los_Angeles
    .

    如果你想将一个值解析为 UTC,那么使用:

      moment.utc(theStringToParse)
    

    或者,如果你想解析一个本地值并将它convert为UTC,那么使用:

      moment(theStringToParse).utc()
    

    也许您根本不需要它。仅仅因为输入值是 UTC,并不意味着您必须在整个函数中使用 UTC。

  • 你似乎得到了

    moment(new Date())
    的“现在”实例。你可以改为只使用
    moment()
    .

已更新

根据您的编辑,我认为您可以这样做:

var date_time = req.body.date + 'T' + req.body.time + 'Z';
var isafter = moment(date_time).isAfter('2014-03-24T01:14:00Z');

或者,如果您想确保您的字段被验证为正确的格式:

var m = moment.utc(req.body.date + ' ' + req.body.time, "YYYY-MM-DD  HH:mm:ss");
var isvalid = m.isValid();
var isafter = m.isAfter('2014-03-24T01:14:00Z');

310
投票

你应该可以直接比较它们。

var date = moment("2013-03-24")
var now = moment();

if (now > date) {
   // date is past
} else {
   // date is future
}

$(document).ready(function() {
  
  $('.compare').click(function(e) {
  
    var date = $('#date').val();
  
    var now = moment();
    var then = moment(date);
  
    if (now > then) {
      $('.result').text('Date is past');
    } else {
      $('.result').text('Date is future');
    }

  });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>



<input type="text" name="date" id="date" value="2014-12-18"  placeholder="yyyy-mm-dd">
<button class="compare">Compare date to current date</button>
<br>
<div class="result"></div>


45
投票

使用任何 momentjs 查询 时,重要的是您的日期时间采用正确的 ISO 格式

isBefore
isAfter
isSameOrBefore
isSameOrAfter
,
isBetween

因此,您的日期时间应该是:

而不是 2014-03-24T01:14:000

2014-03-24T01:14:002014-03-24T01:14:00.000Z

否则您可能会收到以下弃用警告并且条件将评估为 false:

弃用警告:提供的值不在公认的 RFC2822 或 ISO 格式。 moment 构造回落到 js Date(),这不是 在所有浏览器和版本中都可靠。非 RFC2822/ISO 日期 不鼓励格式,将在即将到来的专业中删除 发布。请参阅 http://momentjs.com/guides/#/warnings/js-date/ 了解更多信息。

// https://momentjs.com/docs/#/query/

const dateIsAfter = moment('2014-03-24T01:15:00.000Z').isAfter(moment('2014-03-24T01:14:00.000Z'));

const dateIsSame = moment('2014-03-24T01:15:00.000Z').isSame(moment('2014-03-24T01:14:00.000Z'));

const dateIsBefore = moment('2014-03-24T01:15:00.000Z').isBefore(moment('2014-03-24T01:14:00.000Z'));

console.log(`Date is After: ${dateIsAfter}`);
console.log(`Date is Same: ${dateIsSame}`);
console.log(`Date is Before: ${dateIsBefore}`);
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment.min.js"
></script>


36
投票

Jsfiddle:http://jsfiddle.net/guhokemk/1/

 function compare(dateTimeA, dateTimeB) {
    var momentA = moment(dateTimeA,"DD/MM/YYYY");
    var momentB = moment(dateTimeB,"DD/MM/YYYY");
    if (momentA > momentB) return 1;
    else if (momentA < momentB) return -1;
    else return 0;
}

alert(compare("11/07/2015", "10/07/2015"));

如果 dateTimeA 大于 dateTimeB,该方法返回 1

如果 dateTimeA 等于 dateTimeB,该方法返回 0

如果 dateTimeA 小于 dateTimeB

,该方法返回 -1

23
投票

对于日期时间比较,您可以使用

valueOf
时刻的功能,它提供日期时间的毫秒数,最适合比较:

const date1 = moment('01-02-2020', 'DD-MM-YYYY').valueOf()
const date2 = moment('11-11-2012', 'DD-MM-YYYY').valueOf()

// console.log((date1 > date2 ? 'date1' : 'date2') + " is greater..."  )

if (date1 > date2) {
  console.log("date1 is greater...")
} else {
  console.log("date2 is greater...")
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>


12
投票
moment(d).isAfter(ahead30now); // true

http://momentjs.com/docs/#/query/is-after/

if (moment(d).isAfter(ahead30now)) {
    // allow input time
    console.log('UTC TIME DB', d.format());
} else {

}

8
投票

像这样将日期传递给时刻,它将比较并给出结果。 如果你不想格式化删除它

moment(Date1).format("YYYY-MM-DD") > moment(Date2).format("YYYY-MM-DD")

6
投票
var startDate = moment(startDateVal, "DD.MM.YYYY");//Date format
var endDate = moment(endDateVal, "DD.MM.YYYY");

var isAfter = moment(startDate).isAfter(endDate);

if (isAfter) {
    window.showErrorMessage("Error Message");
    $(elements.endDate).focus();
    return false;
}

-1
投票

如果你想在日期选择器中禁用过去的日期,下面的代码肯定会帮助你 disabledDate={(current) => { 返回 ( 当前的 && 当前格式(“YYYY-MM-DD”)< moment().format("YYYY-MM-DD") ); }}

© www.soinside.com 2019 - 2024. All rights reserved.