jQuery के खजूर सेट चयनित तिथि, मक्खी पर


121

मैं फ्लाइ पर गतिशील रूप से jquery दिनांक पिकर की चयनित तिथि को कैसे बदल सकता हूं? मैंने कहा है कि एक इनलाइन तिथि पिकर बनाया है। फिर कुछ समय बाद, मैं स्क्रैच से डेटपिकर को दोबारा बनाए बिना एक अलग तारीख को प्रतिबिंबित करना चाहता हूं।

मैंने सेटडेट विधि की कोशिश की, लेकिन काम नहीं किया, और डॉक्टर में बहुत अधिक दस्तावेज नहीं है ।

यहाँ एक और (विस्तारित) प्लगइन है , लेकिन मैं प्लगइन का उपयोग करना चाहता हूं जिसे jquery.ui.all.js के साथ भेज दिया गया है।

जवाबों:


187

आप किस संस्करण का उपयोग कर रहे हैं? मैंने निम्नलिखित 1.6r6, 1.7 और 1.7.1 के साथ परीक्षण किया है और यह काम करता है:

//Set DatePicker to October 3, 2008
$('#dateselector').datepicker("setDate", new Date(2008,9,03) );

16
अगर सेटटैट काम नहीं करता है, तो सेटडेट के बजाय डिफॉल्ट का उपयोग करें।
bingjie2680

8
लेकिन मेरे लिए यह या तो काम नहीं कर रहा था। रास्ता बदल दिया गया था। लेकिन चयनित तिथि कैलेंडर में दिखाई नहीं देती है। यह मुझे केवल आज उजागर पर दिखाता है।
प्रागेथ गॉडेज

28

जांचें कि आप जिस तिथि को निर्धारित तिथि सीमा के भीतर सेट करना चाहते हैं, यदि वह मिनटडेट या मैक्सडेट विकल्प सेट कर रहा है।


10

यह उदाहरण दिखाता है कि ड्रॉपडाउन कैलेंडर में डिफ़ॉल्ट मान का उपयोग कैसे करें और पाठ बॉक्स में मूल्य। यह यह भी दर्शाता है कि पिछली तारीख में डिफ़ॉल्ट मान कैसे सेट करें।

सेलेक्टेड एक अन्य वैरिएबल है जो कैलेंडर नियंत्रण की वर्तमान चयनित तिथि रखता है

    var date = new Date();
    date.setDate(date.getDate() - 1);

    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        defaultDate: date,
        onSelect: function () {
            selectedDate = $.datepicker.formatDate("yy-mm-dd", $(this).datepicker('getDate'));
        }
    });

    $("#datepicker").datepicker("setDate", date);

8

किथ वुड द्वारा डेटपिकर के लिए प्रसिद्ध ( http://keith-wood.name/datepickRef.html ) निम्नलिखित काम करता है - ध्यान दें कि डिफ़ॉल्ट तिथि की सेटिंग अंतिम है:

    $('#datepicker').datepick({
        minDate: 0,
        maxDate: '+145D',
        multiSelect: 7,
        renderer: $.datepick.themeRollerRenderer,
        ***defaultDate: new Date('1 January 2008')***
    });

7

किसी कारण से, कुछ मामलों में मैं सेटडेट कार्य नहीं कर सका।

मेरे द्वारा पाया गया वर्कअराउंड केवल दिए गए इनपुट के मूल्य विशेषता को अद्यतन करना है। बेशक डेटपिकर खुद को अपडेट नहीं किया जाएगा, लेकिन अगर आप सिर्फ तारीख को प्रदर्शित करना चाहते हैं, तो यह ठीक काम करता है।

var date = new Date(2008,9,3);
$("#your-input").val(date.getMonth()+"/"+date.getDate()+"/"+date.getFullYear());
// Will display 9/3/2008 in your #your-input input

6
महीने के लिए एक बंद है, इसलिए आपको ज़रूरत है (तारीख .Month () + 1)
एडम

1
setDate काम नहीं करता है यदि प्रारंभिक विकल्पों में सेट किया गया है, तो मेरे पास इसके बाद की श्रृंखला है। datepicker ('setDate', ...)
शहीद हुए

4
$('.date-pick').datePicker().val(new Date()).trigger('change')

अंत में, कि मैं पिछले कुछ घंटों से क्या देख रहा हूँ! मुझे पाठ क्षेत्र में केवल सेटअप तिथि नहीं, परिवर्तन आरंभ करने की आवश्यकता है!


2
ऐसा .datepicker()नहीं होना चाहिए.datePicker()
अर्सलान तबस्सुम

3

यह एक पुराना धागा है लेकिन मैं केवल कुछ जानकारी देना चाहता हूं कि मैंने कैसे उपयोग किया है। यदि आप आज की तारीख निर्धारित करना चाहते हैं तो आप इसे नीचे की तरह लागू कर सकते हैं।

 $("#datepickerid").datepicker("setDate", "0");

यदि आप वर्तमान तिथि से पहले / बाद में कुछ दिन निर्धारित -/+करना चाहते हैं तो नीचे दिए गए दिनों में से कितने दिनों का प्रतीक चिह्न का उपयोग करना चाहते हैं।

 $("#datepickerid").datepicker("setDate", "-7");
 $("#datepickerid").datepicker("setDate", "+5");

2

setDate केवल jquery UI में उपयोग की जाने वाली इनलाइन डेटापिक के साथ एक समस्या प्रतीत होती है, विशिष्ट त्रुटि आंतरिक है: बहुत अधिक पुनरावृत्ति।



2

Html में आप इस तरह से डेट पिकर के साथ अपने इनपुट फील्ड को जोड़ सकते हैं

<input class="form-control date-picker fromDates" id="myDate" type="text">

और फिर जावा स्क्रिप्ट में, अपनी तारीख को इनिशियलाइज़ करें और अपना मूल्य इस तरह निर्धारित करें,

$('.fromDates').datepicker({
                maxDate: '0',
                dateFormat: "dd/mm/yy",
                changeYear: true,
                changeMonth: true,
                yearRange: "-100:+0"
            });

var myDateVal = moment('${value}').format('DD/MM/YYYY');
$('#myDate').datepicker().datepicker('setDate', myDateVal );

(यहां से हटाए गए विशेषता में वर्तमान दिनांक की पिछली तिथियां दिखाई देती हैं)


0
var dt = new Date();
var renewal = moment(dt).add(1,'year').format('YYYY-MM-DD');
// moment().add(number, period)
// moment().subtract(number, period)
// period : year, days, hours, months, week...

स्टैक ओवरफ्लो पर कोड-केवल उत्तर हतोत्साहित किए जाते हैं, क्योंकि वे यह नहीं समझाते हैं कि यह समस्या को कैसे हल करता है। कोड क्या करता है और यह कैसे प्रश्न का उत्तर देता है, यह समझाने के लिए कृपया अपना उत्तर संपादित करें, ताकि यह अन्य उपयोगकर्ताओं के साथ-साथ ओपी के लिए भी उपयोगी हो।
फ्लिफकिटेन

-1

मुझे सेटडेट विधि के साथ-साथ बहुत परेशानी थी। केवल v1 में काम करने लगता है। हालांकि dpSetSelected विधि का उपयोग करने के लिए काम करने के लिए क्या लगता है:

    $("#dateselector").dpSetSelected(new Date(2010, 0, 26).asString());

सौभाग्य!


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