javascript - 显示基于日期的 div (jQuery - JS)

Question

对于 JS 忍者来说，这可能是基本的 JS 编程，但我不知道如何攻击它，因为我是 Javascript/jQuery 菜鸟。

我想根据今天的日期显示一个 div。

逻辑是这样的:

检查今天的日期，如果今天的日期距 span.job-date 30 天或更长时间，则显示 div.message。另外，我想将天数插入 div 中的消息中。 (在此示例中将显示该消息)。

<span class="job-date">1-14-2013</span>

<div class="message">This job is XX days old it may no longer be available</div>

谢谢!

Answer 1

JS:

$(function() {
  var jobDateText = $(".job-date").html()
    , jobDate = new Date(jobDateText)
    , today = new Date()
    , thirtyDaysInMS = 30 * 24 * 60 * 60 * 1000
    , differenceInMS = Math.abs(today - jobDate)
    , differenceInDays = Math.floor(differenceInMS / 1000 / 60 / 60 / 24);

  if (differenceInMS > thirtyDaysInMS) $(".message").show();
  $("span.daysOld").html(differenceInDays);
});

HTML:

    <span class="job-date">1-20-2013</span>

    <div class="message">This job is <span class="daysOld"></span> days old, and it may no longer be available</div>

CSS:

.message {
  display:none;
}

对于此类事情，AngularJS 是 jQuery 的一个非常好的替代品。在 AngularJS 中，您所要做的就是在 Controller 作用域中设置一个变量，名为 $scope.stale = true 和 $scope.daysOld 基于日期数学和然后在你的html中简单地

<div class="message" ng-show="stale">This job is {{daysOld}} days old it may no longer be available</div>