2013-02-01 19 views
6

मेरे पास jQuery दिनांक पिकर सेटअप और काम कर रहा है लेकिन minDate और maxDate विकल्पों को सेट करने में सहायता करना चाहते हैं। मेरा वर्तमान कोड नीचे है (इन विकल्पों के बिना)। मैं डिफ़ॉल्ट दिनांक से 3 महीने पहले minDate कैसे सेट कर सकता हूं, और डिफ़ॉल्ट दिनांक के बाद 28 दिनों के रूप में maxDate कैसे सेट कर सकता हूं?jQuery डेटपिकर न्यूनतम अधिकतम दिनांक

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 
}); 

उत्तर

12
$(function() { 

    $("#datepicker").datepicker({ 
     changeYear: true, 
     minDate: '-3M', 
     maxDate: '+28D', 
    }); 
}); 

JSFiddle Demo

अद्यतन

आप यात्रा अधिकतम की गणना और डिफ़ॉल्ट तिथि से मान्य दिनांक गया मिनट कर सकते हैं, तो यह आवंटित तारीख पिकर के लिए।

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 

    minDate: '-3M', 
    maxDate: '+28D', 
}); 

Update Demo

+1

यह 'आज' से गणना की जाती है और 'डिफ़ॉल्ट दिनांक' – Rob

+0

@Rob में सेट नहीं है - अद्यतन डेमो – MuhammadHani

+0

खोजें इसके लिए धन्यवाद, यह अभी भी न्यूनतम/अधिकतम की गणना कर रहा है। मैंने इसे अभी हल किया है - हालांकि मैं PHP में मानों की गणना कर रहा हूं और फिर दिनांक पिकर शुरू करते समय उन्हें पास कर रहा हूं। – Rob

0

आपका आज़मा सकते हैं:

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 

    minDate: -3M, 
    maxDate: +28D 
}); 
+0

मैं यह कोशिश की थी, लेकिन मूल्यों 'आज से गणना कर रहे हैं और नहीं जो कुछ भी' defaultDate ' – Rob

+0

Ooppps में है। इसके बारे में: http://stackoverflow.com/questions/7395771/jquery-ui-datepicker-maxdate बस अपनी तिथि को फ़ंक्शन पर पास करें और इसे var maxDate = new Date (defaultDate) में उपयोग करें; – SteveW

2

maxDate: - अधिकतम दिनांक कि चयनित किया जा सकता सेट करता है। एक तिथि वस्तु या एक सापेक्ष संख्या स्वीकार करता है। उदाहरण के लिए: +7, या एक स्ट्रिंग जैसे + 6 मीटर।

minDate: - चयनित न्यूनतम तिथि निर्धारित करता है। एक संख्या, दिनांक वस्तु, या स्ट्रिंग स्वीकार करता है।

$(document).ready(function() { 
    $("#date").datepicker({ 
     minDate: -3, 
     maxDate: "1w" 
    }); 

});

देखें: - set Minimum and maximum date to jquery datepicker

0

आप विशिष्ट तिथि सीमा का उपयोग कर सकते हैं। मैंने एक + 14 डी अधिकतम के साथ एक न्यूनतम शुरुआत तिथि जोड़ा। आपको बस अपने दिनांक प्रारूप के अनुरूप बने रहने और एमएम/डीडी/वाई वाई वाईवाई के बजाय "-" के बजाय "/" का उपयोग करने की याद रखने की आवश्यकता है।

$('#Date').datepicker({ 
 
    changeMonth: true, 
 
    minDate: '10/19/2016', 
 
    maxDate: '+14D', 
 
});