Question

我在一个有多个倒计时日期的拍卖页面上工作。我正在使用The Final Countdown jQuery插件。对于多个实例，它从[data-countdown]属性获取日期值。示例如下。

<div data-countdown="2016/01/01"></div>
<div data-countdown="2017/01/01"></div>
<div data-countdown="2018/01/01"></div>
<div data-countdown="2019/01/01"></div>

我想要的是从元素本身获取日期值，如下所示。

<div class="time-and-date">2016/01/01</div>

这是我到目前为止的JS。

$('time-and-date').text().each(function() {
    var $this = $(this), finalDate = $(this).data({.text()});
   $this.countdown(finalDate, function(event) {
     $this.html(event.strftime('%D days %H:%M:%S'));
   });
});

我有一个小提琴。

http://jsfiddle.net/Covanant/gNbRL/

感谢。

Answer 1

您需要做的就是将finalDate的值更改为finalDate = $(this).text()

$('.time-and-date').each(function(){
    var $that = $(this);
    var finalDate;

    if($that.attr('data-countdown')) finalDate = $that.data('countdown');
    else finalDate = $that.text();

    $that.countdown(finalDate, function(event) {
        $that.html(event.strftime('%D days %H:%M:%S'));
    });
});

Updated Fiddle

jQuery Final Countdown插件从span元素获取日期

1 个答案: