Question

我正在为婚礼活动建立一个简单的网页。假设我需要显示倒计时，我想从输入表单中获取日期。我一直在谷歌搜索，我已经看到一些有趣的代码，但它已经很晚了，我的眼睛和头脑都很累。这是我的代码......

<?php $date = date('2017/05/21'); // this value supossed to be taken from a form.?> 
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="clock"></div>
</body>
</html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="http://www.testingserver.dev/template/assets/web/assets/jquery/jquery.countdown.min.js"></script>
<script>
var eventdate = new Date("<?php echo $date; ?>"); // I'm trying to use a php variable in jquery.
$('#clock').countdown('eventdate', function(event) {
var $this = $(this).html(event.strftime(''
//+ '<div style="background-color: #ffcc00; width: 25%;"><p>Weeks<br>%w</p></div> '
+ '<span>%D</span> days '
+ '<span>%H</span> hrs '
+ '<span>%M</span> min '
+ '<span>%S</span> sec'));
});
</script>

Answer 1

我想这是图书馆网站的链接 - http://hilios.github.io/jQuery.countdown/

您将字符串'eventdate'传递给countdown()方法，但它希望是有效日期。所以只需删除撇号，你就会得到eventdate变量的值：

$('#clock').countdown(eventdate, function(event) {
  // ...
}

如何从datepicker表单输入启动jquery倒计时？

1 个答案: