格式化日期并在 jquery 开始倒计时？

Question

我创建了这段代码来格式化这些日期。我有一个像这样的 datetime：

第一种情况：

<time class="fDate" data-timetype="day" datetime="2015-02-18">

第二种情况：

<time class="sCountdown" data-timetype="countdown" datetime="2015-02-17 19:00:00"></time>

我拥有的代码，我检查了我的控制台，returns 我在第一种情况下 2015 年 2 月 18 日星期三 这种格式的日期。我想要这种格式的日期 Wednesday 18th February 2015 我想要的第二种情况是这样的：22 小时和 24 分钟

我想做的是倒计时做这个：

For ES delivery on Thursday 19th February 2015, complete this order in the next 22 hours & 21 minutes, and choose Next Day Delivery at checkout.

而且我在我的代码中被阻止执行此操作。

CODE IN PLUNKER

Answer 1

您可以试试这个片段：

$(function (){
  "use strict";

  // Save finish date for free delivery
  var firstNode = $('.fDate');
  var firstDate = getDate(firstNode);
  firstNode.replaceWith(firstDate.toDateString());


  // Save start day for run the countdown
  var cdNode = $('.sCountdown');
  var cdDate = getDate(cdNode);
  var diff = (cdDate.getTime()-new Date().getTime())/1000;

  var hours = parseInt( diff / 3600 ) % 24;
  var minutes = parseInt( diff / 60 ) % 60;
  var seconds = diff % 60;
  cdNode.replaceWith(hours+' hours & '+minutes+' minutes');

});

function getDate(node){
    return new Date(Date.parse(node.attr('datetime')));
}

格式化日期并在 jquery 开始倒计时？

Formatting date and start countdown in jquery?

jquery

countdown

datetime-format