2011-07-15 9 views
0

jQueryのdatepickで "selectedDate"の日付を変更する方法を知りたいと思います。ここでは私、私は魔法がselect(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> 

表示したいHTMLと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を除くすべての有名なブラウザには1つあります)。エラーメッセージはありますか? – reporter

+0

Firebugコンソールにエラーはありません: – 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

まずあなたがjQuery DatePicker documentation

によると、は、FormatDate関数にフォーマットを提供する必要があります
$.datepicker.formatDate(format, date, settings) 

また、あなたの

$.datepick 

$.datepicker 

すべきではありませんか?

+0

この作者の日付ピックアップはありませんhttp://keith-wood.name/datepick.html – Warface

+0

@Warface申し訳ありませんが、私はそれがjQueryビルドしかし、その側のサンプルコードを見ても、その関数の日付形式を指定する必要があることがわかります。$ .datepick.formatDate( 'dd/mm/yyyy'、 $( '。taskDate')。datepick( 'getDate')[0]) –