Использование jquery datepicker с плагином обратного отсчета - PullRequest
Новая
       16

Использование jquery datepicker с плагином обратного отсчета

1 голос
/ 27 февраля 2012

Я создаю продукт, и один из вариантов, который будет иметь клиент, - это выбрать дату запуска, используя Timepicker Трента Ричардсона .Выбранная ими дата запуска будет отображаться во внешнем интерфейсе с помощью jQuery Countdown .

У меня работают оба плагина, однако я не могу понять, как соединить 2, т.е. как сделатьвыходные данные таймера, понятные для обратного отсчета.Могут ли эти плагины работать таким образом?Я более привык работать в среде php, поэтому я борюсь с синтаксисом, который здесь используется.

Любая помощь будет наиболее ценной.* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *;}.Кроме того, сама дата сохраняется как переменная php, которую я сейчас пытаюсь вызвать в функции обратного отсчета.

1 Ответ

2 голосов
/ 27 февраля 2012

После долгих ударов головой о стену и разборки чужого кода мне удалось заставить его работать. Для тех, кому может понадобиться помощь, вот как я это сделал:

Обратный отсчет принимает дату в следующем формате: «01 февраля 2012 г. 00:00:00». Чтобы получить этот вывод из datetimepicker Трента, вы должны передать это в функцию: 

                $("#countdowndate").datetimepicker({
                    showSecond: true,
                    dateFormat: 'MM dd, yy',
                    timeFormat: 'hh:mm:ss'
                });

Затем я передал свою сохраненную дату в отсчет времени так: 

    $(function () {
    var austDay = new Date("<?php echo $options['countdown_date']; ?>");
        $('#defaultCountdown').countdown({
            until: austDay,
            onExpiry: liftOff
        });
        $('#year').text(austDay.getFullYear());
        function liftOff() { 
            alert('We have lift off!'); 
        }
    });

В моем случае «$ options ['countdown_date']» дает мне мою сохраненную дату, так как я использую Wordpress. Возможно, вам придется настроить это, чтобы соответствовать вашей реализации

Извините, если это не так, все еще новичок в stackoverflow. Ключом для меня было использование заглавной буквы «ММ» для формата даты, чтобы дать полное название месяца.

...