JQuery UI DatePicker में गतिशील रूप से बदलें विकल्प

Question

विफल रहता है मैं jquery-ui डेटपिकर का उपयोग कर दिनांक सीमा चयन करना चाहता हूं। #dteStart पर पहला परिवर्तन #dteEnd पर minDate सेट करने में सफल रहा। लेकिन #dteEnd अगले परिवर्तन पर अपने विकल्पों को रीफ्रेश करने में विफल रहा, अगर मैं DateOptions.minDate को इसकी मान दिनांक के अनुसार बदल गया।

हो सकता है कि मैं यहाँ कुछ याद आती है ...

$(document).ready(function() 
{ 
    $("#dteStart").datepicker() 
    .change(function() 
    { 
     dateStart = $(this).datepicker('getDate'); 
     dateMin = new Date(dateStart.getTime()); 
     dateMin.setDate(dateMin.getDate() + 1); 

     var DateOptions = { 
      dateformat: "mm/dd/yyyy", 
      minDate: dateMin 
     } 
     $("#dteEnd").datepicker(DateOptions); 
    }); 
}); 

TIA,

REV

Answer 1

$("#dteEnd").datepicker(DateOptions); से पहले $("#dteEnd").datepicker("destroy"); रख दिया और यह ठीक काम करेंगे।

Answer 2

तुम सिर्फ पहले से ही कॉन्फ़िगर विकल्प बदलना चाहते हैं, तो आप भी कर सकते हैं:

$("#dteEnd").datepicker("option", DateOptions); 

या

$("#dteEnd").datepicker("option", { dateFormat: "mm/dd/yyyy" }); 

Answer 3

निम्नलिखित jQuery सहायक समारोह ऐसे मामलों मूल को संरक्षित करने में उपयोगी हो सकता विकल्प:

$.fn.customizeDatepicker = function(newOptions) { 
    var prevOptions = $(this).datepicker('option', 'all'); 
    $(this).datepicker('destroy').datepicker($.extend(prevOptions, newOptions)); 
    return this; 
}; 

यह पिछले विकल्पों को बचाता है और उन्हें नए विकल्पों के साथ बढ़ाता है।