JQuery UI डेटपिकर से तारीख कैसे प्राप्त करें


85

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

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

जवाबों:


130

उपयोग

var jsDate = $('#your_datepicker_id').datepicker('getDate');
if (jsDate !== null) { // if any date selected in datepicker
    jsDate instanceof Date; // -> true
    jsDate.getDate();
    jsDate.getMonth();
    jsDate.getFullYear();
}

क्या डेट डेटा प्रकार पर किसी भी विधि को चलाने का एक तरीका है? मेरा मतलब है, getDate, getMonth, getFullYear आदि।
Ajeeb.KP

डेटपैड पर कॉल करने के बाद आपको js Date () ऑब्जेक्ट मिलेगा, जिसके बाद गेटडेट, गेटमार्ट, getFullYear आदि कॉल करने के लिए इस्तेमाल किया जा सकता है
CoolEsh

अगर हम jsDate वैरिएबल को प्रिंट करते हैं तो यह हमें कुछ इस तरह देगा सोम Aug 24 2020 00:00:00 GMT + 0530 (भारत मानक समय) अब हम getDate, getMonth, getFullYear विधि को jsDate पर लागू कर सकते हैं।
लवीना

87

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

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

मान को जावास्क्रिप्ट दिनांक ऑब्जेक्ट के रूप में लौटाया जाता है।

यदि आप इस मूल्य का उपयोग करना चाहते हैं, जब उपयोगकर्ता किसी तिथि का चयन करता है, तो आप onSelect घटना का उपयोग कर सकते हैं:

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

पहला पैरामीटर इस मामले में चयनित तिथि को स्ट्रिंग के रूप में है। इसे जेएस डेट ऑब्जेक्ट में बदलने के लिए पार्सडेट का उपयोग करें।

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


बेस्ट सॉल्यूशन क्योंकि डेट ऑब्जेक्ट का कोई ग्लोबल वैरिएबल आवश्यक नहीं है
रशीद

24

यह कोशिश करें, आकर्षण की तरह काम करता है, आपके द्वारा चुनी गई तारीख देता है। ऑनसाइट मूल्य इस मूल्य को पाने के लिए प्रयास करें: -

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

यहाँ संदर्भ



1

कभी-कभी इसके साथ बहुत सारी परेशानियाँ। डेटापीकर डेटा के विशेषता मूल्य में 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)) ?>" />

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

 $("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));
    });

और यह ठीक है =)


यह केवल तभी काम करेगा जब आपका दिनांक प्रारूप dmY है .. यदि आपके पास mdY या कोई अन्य प्रारूप है, तो आप hosed हैं!
मोहम्मद नूर

0

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

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

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.