2012-02-27 31 views
1

我正在創建一個產品,其中一個選項是客戶將選擇使用Trent Richardson's Timepicker的發佈日期。他們選擇的上市日期將使用jQuery Countdown前端顯示。使用帶倒計時插件的jquery datepicker

我有兩個插件的工作,但我無法弄清楚如何連接2,即如何使timepicker輸出數據是可以理解的倒計時選擇器。這些插件能以這種方式工作嗎?我更習慣於在php環境中工作,所以我正在爲這裏涉及的語法而努力。

任何幫助將不勝感激。謝謝

值得一提的是,初始化倒計時(即)的腳本在php文件中調用,所以我可以使用PHP編輯數據,如果有必要。此外,日期本身被保存爲一個php變量,我現在試圖在倒計時功能內調用。

回答

2

多撲頭撞牆和別人的代碼解構後,我設法得到它的工作。對於那些可能需要幫助的人,下面是我的做法:

倒計時將採用以下格式的日期:「2012年2月1日00:00:00」。若要從Trent的的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!'); 
     } 
    }); 

在我的情況「$選項[」 countdown_date']「給我我保存的日期,因爲我使用Wordpress。你可能需要調整,以匹配你的實現

很抱歉,如果沒有出來的權利,仍然是新的stackoverflow。對我來說,關鍵是使用大寫「MM」作爲日期格式來給出月份的全名。

+1

好一個爲我工作完美 – acSlater 2012-02-28 04:55:40