2015-02-17 57 views
0

我已创建此代码来格式化这些日期。我有一个日期时间这样的:格式化日期并开始在jQuery中倒计时?

第一种情况:

<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小时&24分钟

我想要做的是一个倒数做到这一点:

对于2015年2月19日星期四的ES送货,请在 接下来的22小时内完成订单& 21分钟,然后选择 结账时的下一天送达。

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

CODE IN PLUNKER

回答

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'))); 
} 
+0

西蒙嗨!谢谢你的回答。 – Fanatic 2015-02-17 22:13:26

+0

我尝试了,但我遇到了这个问题“在接下来的NaN小时和NaN分钟内,并选择下一步”作为倒计时 – Fanatic 2015-02-17 22:14:12

+0

您是否更新了Plunker? – Simon 2015-02-17 22:15:14