jquery datepicker

Question

में न्यूनतम तारीख सेटिंग हाय मैं अपने jquery datepicker (1999-10-25) में न्यूनतम तारीख सेट करना चाहता हूं इसलिए मैंने नीचे दिए गए कोड को काम नहीं करने की कोशिश की।

$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     showButtonPanel: true, 
     changeMonth: true, 
     changeYear: true, 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date(1999, 10 - 1, 25), 
     maxDate: '+30Y', 
     inline: true 
    }); 
}); 

** अगर मैं 2002 से ऊपर मिनट साल बदलने से यह ठीक काम करेगा, लेकिन अगर मैं मिनट साल से भी कम समय 2002 निर्दिष्ट {तरह eexample 1999 से ऊपर} यह 2002.can के लिए किसी को मेरी मदद ही दिखाई देगा । मैं jquery-1.7.1.min.js और jquery-ui-1.8.18.custom.min.js का उपयोग कर रहा हूं।

Answer 1

$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     showButtonPanel: true, 
     changeMonth: true, 
     changeYear: true, 
yearRange: '1999:2012', 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date(1999, 10 - 1, 25), 
     maxDate: '+30Y', 
     inline: true 
    }); 
}); 

बस जोड़ा साल रेंज विकल्प। यह समस्या को हल करना चाहिए

Answer 2

हिया काम कर डेमो: http://jsfiddle.net/femy8/

अब कैलेंडर केवल 1999/10/25 की न्यूनतम के लिए जाना जाएगा।

कैलेंडर पर प्रदर्शित होने के लिए टेक्स्ट बॉक्स के बगल में छवि i.e. छोटा आइकन पर क्लिक करें। आप 1 999 तक चयन करने का प्रयास कर सकते हैं लेकिन चयन के लिए न्यूनतम तिथि अक्टूबर 1 999 का 25 वां है। जो आप चाहते हैं।

यह मदद करेगा, एक अच्छा है! :) चीयर्स!

jQuery कोड

$(".mypicker").datepicker({ 
    changeYear: true, 
    dateFormat: 'yy-mm-dd', 
    showButtonPanel: true, 
    changeMonth: true, 
    changeYear: true, 
    showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date('1999/10/25'), 
     maxDate: '+30Y', 
     inline: true 
}); 


​ 

Answer 3

समस्या यह है कि "yearRange" की डिफ़ॉल्ट विकल्प 10 साल है।

तो 2012 - 10 = 2002।

तो साल बदलें c-20:c या केवल 1999 (yearRange: '1999:c') में बदलें, और प्रतिबंधित तिथियों (दिमागी, maxdate) के संयोजन में इसका उपयोग करें।

अधिक जानकारी के लिए: http://jqueryui.com/demos/datepicker/#option-yearRange

---

देखें उदाहरण: http://jsfiddle.net/kGjdL/

और इसके साथ अपने कोड:

$(function() { 
    $('#datepicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     showButtonPanel: true, 
     changeMonth: true, 
     changeYear: true, 
     showOn: "button", 
     buttonImage: "images/calendar.gif", 
     buttonImageOnly: true, 
     minDate: new Date(1999, 10 - 1, 25), 
     maxDate: '+30Y', 
     yearRange: '1999:c', 
     inline: true 
    }); 
}); 

Answer 4

बस इसे भविष्य के प्रोग्रामर के लिए जोड़ना चाहते हैं।

यह कोड दिनांक न्यूनतम और अधिकतम सीमा को सीमित करता है। वर्ष चालू वर्ष को अधिकतम वर्ष के रूप में पूरी तरह से नियंत्रित किया जाता है।

आशा है कि इससे किसी की भी मदद मिल सके।

यहां कोड है।

var dateToday = new Date(); var yrRange = '2014' + ":" + (दिनांक आज।getFullYear());

$(function() { 
    $("[id$=txtDate]").datepicker({ 
     showOn: 'button', 
     changeMonth: true, 
     changeYear: true, 
     showButtonPanel: true, 
     buttonImageOnly: true, 
     yearRange: yrRange, 
     buttonImage: 'calendar3.png', 
     buttonImageOnly: true, 
     minDate: new Date(2014,1-1,1), 
     maxDate: '+50Y', 
     inline:true 
    }); 
}); 

Answer 5

इस

<script> 

    $(document).ready(function(){ 
      $("#order_ship_date").datepicker({ 
      changeMonth:true, 
      changeYear:true,   
      dateFormat:"yy-mm-dd", 
      minDate: +2, 
     }); 
    }); 


</script> 

एचटीएमएल कोड की तरह का प्रयास करें यदि आप पहले से ही वर्ष निर्दिष्ट नीचे

<input id="order_ship_date" type="text" class="input" style="width:80px;" /> 

Answer 6

मूल रूप से दिया है, वह सीमा mindate और maxdate उपयोग करने के लिए करता है, तो केवल साल है कोई जरूरत नहीं है आवश्यक

Answer 7

बस अगर मामले में आपको एक डालने की ज़रूरत है मिनट तिथि, पिछले 3 महीने और अधिकतम तारीख अगले 3 महीनों

$('#id_your_date').datepicker({ 
    maxDate: '+3m', 
    minDate: '-3m' 
});