如何用PHP變量替換jQuery倒計時腳本中的日期？

Question

如何將此腳本修改爲接受php變量而不是寫入date:"august 12, 2011 23:59"？

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#time").countdown({ 
     date: "august 12, 2011 23:59", 
     onComplete: function(event){ 
      $(this).html("Completed"); 
     }, 
     leadingZero: true 
    }); 
}); 
</script> 

Answer 1

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#time").countdown({ 
     date: "<?php echo $variable; ?>", 
     onComplete: function(event){ 
      $(this).html("Completed"); 
     }, 
     leadingZero: true 
    }); 
}); 
</script> 

Answer 2

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#time").countdown({ 
     date: "<?=$myvariable?>", 
     onComplete: function(event){ 
      $(this).html("Completed"); 
     }, 
     leadingZero: true 
    }); 
}); 
</script> 

Answer 3

試試這個，你需要的日期格式，按您在服務器端本身的需要。

$(document).ready(function() { 
    $("#time").countdown({ 
     date: "<? =date("Y/m/d") ?>", 
     onComplete: function(event){ 
      $(this).html("Completed"); 
     }, 
     leadingZero: true 
    }); 
}); 

Answer 4

你的js是由php首先解析的嗎？如果是這樣，它只是傳遞正確的日期格式。

得到相同的格式，上面你可以使用

strftime("%B %d, %Y %H:%M"); 

所以，你的代碼塊看起來像

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#time").countdown({ 
     date: "<?php echo strftime("%B %d, %Y %H:%M");?>", 
     onComplete: function(event){ 
      $(this).html("Completed"); 
     }, 
     leadingZero: true 
    }); 
}); 
</script> 

Answer 5

如果你想要的是AJAX調用，你應該做到以下幾點：

<script type="text/javascript"> 
$(document).ready(function() { 
    $.get('path/to/php/date', function(date) {  
     $("#time").countdown({ 
      date: date, 
      onComplete: function(event){ 
       $(this).html("Completed"); 
      }, 
      leadingZero: true 
     }); 
    }); 
}); 
</script> 

確保「path/to/php/date」處的php腳本返回所需的日期。