獲取選定日期jQueryUI的日期選擇器內嵌模式

Question

我想使用jQueryUI的datepicker.I要使用內聯mode.Now我想知道我怎樣才能當用戶選擇一個date.Where選定的日期獲取和如何要得到 ？請指點

Answer 1

您可以通過使用getdate函數檢索日期：

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

的值返回一個JavaScript Date對象。

如果希望當用戶選擇一個日期來使用這個值，你可以使用onSelect事件：

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

第一個參數是在這種情況下所選擇的日期爲String。使用parseDate將其轉換爲JS日期對象。

請參閱http://docs.jquery.com/UI/Datepicker瞭解完整的jQuery 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)); 
      } 
     }