2011-07-15 86 views
0

我想知道如何使用jquery datepick在我的「selectedDate」中更改日期。這裏是我的HTML,我想魔術展現選擇更改日期(jquery.datepick)

<h3>Historique des tâches (<span class="selectedDate"><?= date("Y-m-d");?></span>) <span class="chooseDate">Choisir date</span> <span class="taskDate"></span></h3> 

和JavaScript

$(".chooseDate").toggle(function() { 
    $(this).text("Choisir date"); 
    $(".taskDate").datepick({ 
     onSelect: function(date) { 
      alert($.datepick.formatDate(date)) 
     } 
     }); 
}, 
function() { 
    $(this).text("Choisir date"); 
    $(".taskDate").datepick('destroy'); 
}); 

當我選擇一個日期,它應該彈出在YYYY-MM-DD格式選定日期的警告消息,但什麼都沒發生。

有人可以幫助我嗎?

感謝

更新(發現):

$(".taskDate").datepick({ 
     onSelect: function(test){ 
     var newDate = new Date(test); 
     alert(newDate.getFullYear()+'-'+(newDate.getMonth()+1)+'-'+newDate.getDate()); 
     } 
    }); 

我只是格式化它給了我一個我想要的日期。告訴它展示它YYYY-MM-DD格式,它仍然顯示我的完整的日期與當天,時區等事件......

謝謝你們

+0

首先檢查瀏覽器的html代碼(查看頁面源代碼)。所有的事情都很好?然後從瀏覽器中查看錯誤控制檯(IE除外,所有着名的瀏覽器都有)。是否有錯誤訊息? – reporter

+0

在螢火蟲控制檯沒有錯誤:( – Warface

回答

0

試試這個

$(".taskDate").datepick({ 
     onSelect: function(date) { 
      alert($.datepick.formatDate(date)) 
     } 
     }).bind('dateSelected', function(e, selectedDate, $td) { 
       alert(selectedDate); 
     }); 

OK,那就試試這個:

$('.taskDate').datepicker({ onSelect: function(dateText, inst) { alert("Your alert"); } }); 
+0

沒有沒有工作:( – Warface

0

首先,你應該提供格式爲formatDate功能,根據jQuery DatePicker documentation

$.datepicker.formatDate(format, date, settings) 

而且,不應該你

$.datepick 

$.datepicker 

+0

不,這是從這個作者的日期選擇http://keith-wood.name/datepick.html – Warface

+0

@Warface對不起,我認爲這是jQuery建-in datapicker。但是,如果你看看那邊的示例代碼,你會發現你仍然必須指定該函數的日期格式,如下所示:$ .datepick.formatDate('dd/mm/yyyy', $( 'taskDate ')。datepick(' GETDATE')[0]) –