jQueryUI datepicker इनलाइन मोड में चयनित तिथि जाओ

Question

मैं इनलाइन उपयोग करने के लिए mode.Now मुझे पता मैं कैसे प्राप्त करने के लिए चुनी गई तिथि जब उपयोगकर्ता का चयन करता है एक date.Where प्राप्त कर सकते हैं चाहते हैं jQueryUI datepicker.I उपयोग करने के लिए कोशिश कर रहा हूँ और कैसे लेना ? कृपया सलाह

Answer 1

आप getDate फ़ंक्शन का उपयोग करके तिथि को पुनः प्राप्त कर सकते हैं:

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

मान किसी JavaScript दिनांक वस्तु के रूप में दिया जाता है।

$("#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 का उपयोग करें।

पूर्ण jQuery के यूआई datepicker संदर्भ के लिए 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)); 
      } 
     }