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

时间:2015-02-17 20:46:42

标签: jquery countdown datetime-format

我创建了此代码来格式化这些日期。我有一个日期时间,就像这样:

第一种情况:

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

第二种情况:

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

我拥有的代码,我已经检查了我的控制台,并在第一种情况下以这种格式 2015年2月18日星期三返回日期。我希望这个格式的日期 2015年2月18日星期三,第二个案例我想这样: 22小时&amp; 24分钟

我想做的是倒计时来做到这一点:

  

对于2015年2月19日周四的ES交付,请填写此订单   接下来的22个小时&amp; 21分钟,然后选择次日送货   结帐。

我在代码中被阻止这样做。

CODE IN PLUNKER

1 个答案:

答案 0 :(得分: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')));
}