倒計時Laravel

Question

我想提出一個倒計時Laravel有一個插件，我用JavaScript

<script type="text/javascript"> 
    $('.clock').countdown('2015/05/25', function(event) { 
    $(this).html(event.strftime('%D días %H:%M:%S')); 
}); 
</script> 

此代碼工作正常下面的代碼，但我需要顯示diferents finnishes日期在Laravel

@foreach ($products as $subasta) 
    {{ $subasta->id }}</p> 
    {{ $subasta->name}}</p> 
    {{ $subasta->startdate}}</p> 
    {{ $subasta->duration}}</p> 
    <span class="clock"></span> 
@endforeach 

我怎麼能通過項目startdate到Javascrip倒計時？因爲我在數據庫中收到了相同的格式。

Answer 1

您可以使用此方法：

http://hilios.github.io/jQuery.countdown/examples/multiple-instances.html

HTML：

<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> 

JS：

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

所以基本上你將需要一個數據屬性添加到每個您的產品SPAN並在裏面打印日期：

@foreach ($products as $subasta) 
    {{ $subasta->id }}</p> 
    {{ $subasta->name}}</p> 
    {{ $subasta->startdate}}</p> 
    {{ $subasta->duration}}</p> 
    <span class="clock" data-countdown="{{ $subasta->startdate}}"></span> 
@endforeach 

然後更新您的javascript以循環所有元素並使用該屬性作爲日期。您可以使用上面的JS代碼，並根據需要調整屬性名稱和變量名稱或格式文本。