jquery UI दिनांक पिकर

Question

में गतिशील रूप से न्यूनतम और अधिकतम दिनांक कैसे सेट करें मैंने जेनरेट रिपोर्ट के लिए अपने वेबपृष्ठ में दिनांक और तारीख से दो डेटपिकर लगाए हैं। मैं तारीख के चयन के लिए दोनों डेटपिकर पर सत्यापन लागू करना चाहता हूं। मैंने सेट न्यूनतम और अधिकतम डेटपिकर की अधिकतम तिथि के लिए सामान्य jquery कोड लिखा है लेकिन यह मेरे लिए काम नहीं करता है। मैंने डेटपिकर के करीब सेट न्यूनतम और अधिकतम तिथि के लिए कोड भी लिखा है।

मेरी आवश्यकता यह है कि जब डेटपिकर प्रारंभ होता है तो मैं न्यूनतम और अधिकतम दिनांक गतिशील रूप से सेट करना चाहता हूं। फिर जब उपयोगकर्ता किसी भी datepicker से दिनांक चुन सकते हैं

$("#frm_date").datepicker({ 
showOn: 'button', 
buttonImage: 'images/calendar.gif', 
buttonImageOnly: true, 
dateFormat:'yy-mm-dd', 
onClose: function(selectedDate) { 
          $("#to_date").datepicker("option", "minDate", selectedDate); 
       } 
}); 


$("#to_date").datepicker({ 
showOn: 'button', 
buttonImage: 'images/calendar.gif', 
buttonImageOnly: true, 
dateFormat:'yy-mm-dd', 
onClose: function(selectedDate) { 
         $("#frm_date").datepicker("option", "maxDate", selectedDate); 
        } 
}); 

$(".datepick").datepicker({dateFormat:'yy-mm-dd',minDate:'2013-09-10' ,maxDate:'2013-10-10'}); 

Answer 1

मैं समाधान कर लिया है मेरी नीचे कोड का उपयोग कर समस्या।
jquery फोरम साइट पर भी नीचे दिए गए समाधान देखें। https://forum.jquery.com/topic/how-to-set-minimum-and-maximum-date-dynamically-in-jquery-ui-date-picker

$.datepicker.setDefaults({ 
      showOn: 'button', 
      buttonImage: 'images/calendar.gif', 
      buttonImageOnly: true, 
      dateFormat: 'yy-mm-dd', 
      minDate: '2013-09-10', 
      maxDate: '2013-10-10' 
    }); 
    $('#frm_date').datepicker({ 
      onSelect: function(selectedDate) { 
       $('#to_date').datepicker('option', 'minDate', selectedDate || '2013-09-10'); 
      } 
    }); 
    $('#to_date').datepicker({ 
      onSelect: function(selectedDate) { 
       $('#frm_date').datepicker('option', 'maxDate', selectedDate || '2013-10-10'); 
      } 
    }); 

    $(".datepick").datepicker({dateFormat:'yy-mm-dd',minDate:'2013-09-10' ,maxDate:'2013-10-10'}); 

Answer 2

भी एक और अधिकतम और न्यूनतम तिथि निर्धारित करने के बाद आप किसी भी विकल्प बस से पहले कैलेंडर में दिखाया गया है स्थापित करने के लिए beforeShow विधि कॉल कर सकते हैं:

$("#to_date").datepicker({ 
    beforeShow:function(){ 
     $(this).datepicker('option', 
          { 
           minDate:new Date() 
          } 
         ); 
    } 
});