在倒数JS中使用ACF日期时间选择器。 WordPress的

时间:2019-03-18 12:34:44

标签: wordpress advanced-custom-fields countdown countdownjs.js

我正在尝试实现一个倒数计时器,该计时器的倒数是从“高级自定义字段”日期时间选择器中填充的。理想情况下,我想使用http://countdownjs.org/或类似的功能为计时器供电。

我可以像这样在ACF字段中简单地在页面模板上输出时间日期值。

<p>Event starts: <?php the_field('featured_event_date','options'); ?></p>

但是,为了使用JS / jQuery倒计时,我需要能够使用JS(而不是PHP)中的ACF进行赋值?到目前为止,这听起来是否正确?类似于下面的示例。

var countdown = new Countdown({
  selector: '#timer',
  msgBefore: 'Will start at Christmas!',
  msgAfter: 'Happy new year folks!',
  msgPattern:
    '{days} days, {hours} hours and {minutes} minutes before new year!',
  dateStart: new Date('2013/12/25 12:00'),
  dateEnd: new Date('Jan 1, 2014 12:00'),
  onStart: function() {
    console.log('Merry Christmas!')
  },
  onEnd: function() {
    console.log('Happy New Year!')
  }
})

这使我的知识超出了舒适范围,因此,建议,经验或示例将不胜感激,并在我的旅途中对我有所帮助。提前致谢!

0 个答案:

没有答案