jqueryui日付ピッカーのインラインモードで選択した日付を取得します。私は私が取得するユーザーがdate.Whereを選択し、選択した日付を取得する方法を知りたいmode.Nowインラインを使用したいjqueryui datepicker.I使用しようとしています

Question

とどのように取得するため ？

$("#datepicker").datepicker('getDate'); 

値は、JavaScriptのDateオブジェクトとして返されます：あなたはのgetdate関数を使用して、日付を取得することができ

Answer 1

をアドバイスしてください。

$("#datepicker").datepicker({ 
    onSelect: function(dateText, inst) { 
     var dateAsString = dateText; //the first parameter of this function 
     var dateAsObject = $(this).datepicker('getDate'); //the getDate method 
    } 
}); 

最初のパラメータは、この場合、文字列として選択された日である：あなたは、ユーザーが日付を選択したときに、この値を使用したい場合は

は、あなたがにonSelectイベントを使用することができます。 parseDateを使用して、JS Dateオブジェクトに変換します。

はフルjQueryのUI日付ピッカー参照のhttp://docs.jquery.com/UI/Datepicker参照してください。

Answer 2

$(document).on("change", "#datepickerdiv", function() { 
     alert($(this).val()) 


    }) 

これはJqueryで最も簡単な回答です。

Answer 3

私は近いeventで動作するようにしようとしていたが、それはまた、カレンダーが開いていると私はがれにどこかにクリックしたときにトリガするために使用。最終的にカレンダーはfocusとclose eventと呼ばれます。だから私はこれを見つけた。

onClose: function (dateText, inst) { 
      function isDonePressed() { 
       return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1); 
      } 
      if (isDonePressed()) { 
       var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
       var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
       $(this).datepicker('setDate', new Date(year, month, 1)); 
      } 
     }