【问题标题】:Show if a JavaScript Due Date variable is in the past, future, or due today?显示 JavaScript 到期日期变量是过去、未来还是今天到期?
【发布时间】:2023-04-01 04:54:01
【问题描述】:

我想在我的 JavaScript 应用程序中显示一些基于 Due Datepast duein the futuredue today 的不同数据

下面的代码非常适合显示 Due Date 是在未来还是从今天的日期到期。

它不能显示截止日期是否设置为今天的日期,所以我可以使用一些帮助来让这部分工作吗?

http://jsfiddle.net/jasondavis/sfj691st/

// Today's Date
var todayDate = new Date();

// Future Due Date
var futureDueDate = new Date("08/07/2015");

// Past Due Date
var pastDueDate = new Date("03/29/2015");

// Due Date Due Today!
var dueDateToday = new Date("05/27/2015");


// selected dueDate is in the future
if (futureDueDate < todayDate) {
    alert('Due date is past due from todays date!');
}else if (futureDueDate == todayDate) {
    alert('Task Due date is due today!');
}else{
    alert('Due date is in the future from todays date!');
}


// selected dueDate is in the past
if (pastDueDate < todayDate) {
    alert('Due date is past due from todays date!');
}else if (pastDueDate == todayDate) {
    alert('Task Due date is due today!');
}else{
    alert('Due date is in the future from todays date!');
}


// selected dueDate is in the past
if (dueDateToday < todayDate) {
    alert('Due date is past due from todays date!');
}else if (dueDateToday == todayDate) {
    alert('Task Due date is due today!');
}else{
    alert('Due date is in the future from todays date!');
}

最终目标是获取Due DateToday's Date 并更改我的DateTime 相对时间文本字符串的颜色,以显示红色 文本以表示今天到期和逾期到期日。显示未来设置的到期日期的绿色文本。

就像我下面的图片:

如果截止日期是从今天开始的未来日期,则显示绿色文本

如果到期日是 PAST DUE 或 DUE TODAY,则显示红色文本

【问题讨论】:

  • 只是一个迂腐的观点,但var futureDueDate = new Date("08/07/2015"); 7 月 8 日或 8 月 7 日。不要忘记日期不变性。

标签: javascript jquery datetime


【解决方案1】:
if (dueDate.toDateString() == todayDate.toDateString()) {
    alert('Task Due date is due today!');
}

What is the best way to determine if a date is today in JavaScript?

【讨论】:

  • 非常感谢。我唯一需要改变的就是将它作为第一个If() 移动,因为与今天日期匹配的日期也与past due date 匹配。效果很好,虽然谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多