2011-02-07 14 views
64

जब भी मैं jQuery UI datepicker में दिनांक चुनता हूं और फॉर्म पर बटन क्लिक करता हूं, तो मैं डेटपिकर से तारीख प्राप्त करना चाहता हूं।jQuery UI datepicker से दिनांक कैसे प्राप्त करें

अच्छी तरह से मुझे उनके द्वारा चुने गए दिनांक का दिन, महीना और वर्ष प्राप्त करने की आवश्यकता है। मैं दिनांक फॉर्म jQuery यूआई कैसे प्राप्त कर सकता हूं?

उत्तर

76

आप 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 घटना का उपयोग कर सकते हैं। इसे जेएस डेट ऑब्जेक्ट में बदलने के लिए पार्सडेट का उपयोग करें।

पूर्ण jQuery के यूआई datepicker संदर्भ के लिए http://docs.jquery.com/UI/Datepicker देखें।

15

इस प्रयास करें, आकर्षण की तरह काम करता है, तारीख आपके द्वारा चुने गए देता है।

var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val(); 

Reference here

0

कभी कभी एक साथ मुसीबतों का बहुत -: ऑनसबमिट प्रपत्र इस मूल्य प्राप्त करने की कोशिश। डेटापिकर डेटा के विशेषता मूल्य में 28-06-2014 है, लेकिन डेटपिकर दिखाया गया है या आज या कुछ भी नहीं है। मैं इस तरह से यह निर्णय लिया:

<input type="text" class="form-control datepicker" data-value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" value="<?= date('d-m-Y', (!$event->date ? time() : $event->date)) ?>" /> 

मैं datapicker विशेषता डेटा-मूल्य के इनपुट को जोड़ा गया, क्योंकि अगर कॉल jQuery (यह) .val() या jQuery (यह) .attr (' मूल्य ') - कुछ भी काम नहीं करता है। मैं चक्र में init प्रत्येक datapicker का फैसला किया और विशेषता डेटा-मूल्य से अपने मूल्य ले:

$("form .datepicker").each(function() { 
     var time = jQuery(this).data('value'); 
     time = time.split('-'); 
     $(this).datepicker('setDate', new Date(time[2], time[1], time[0], 0, 0, 0)); 
    }); 

और यह) काम करता है ठीक = है

+0

यह केवल तभी काम करेगा यदि आपका दिनांक प्रारूप डी-एम-वाई है .. यदि आपके पास एम-डी-वाई या कोई अन्य प्रारूप है, तो आप को रोक दिया गया है! –

0

NamingException का जवाब मेरे लिए काम किया। सिवाय मैं

इस्तेमाल किया

var date = $("#date").dtpicker({ dateFormat: 'dd,MM,yyyy' }).val()

datepicker काम नहीं किया लेकिन dtpicker किया था।

संबंधित मुद्दे