/ / बूटस्ट्रैप-डेटपिकर / से लेकर महीने तक - जावास्क्रिप्ट, jquery, ट्विटर-बूटस्ट्रैप, दिनांक, डेटपिकर

बूटस्ट्रैप-डेटपिकर महीने से लेकर / रेंज तक - जावास्क्रिप्ट, jquery, ट्विटर-बूटस्ट्रैप, दिनांक, डेटपिकर

मैं इसका उपयोग कर रहा हूँ https://github.com/eternicode/bootstrap-datepicker

मेरा फॉर्म एक दिनांक से और दिनांक इनपुट (# fromdate / # todate) से बना है।

MinViewMode दोनों के लिए महीनों में सेट है।

एक तारीख से चुने जाने के बाद, उपयोगकर्ता को केवल एक महीने में #fromdate मान PLUS से चयन करने में सक्षम होना चाहिए।

अर्थात। यदि उपयोगकर्ता मार्च से दिनांक का चयन करता है, तो केवल अप्रैल और उसके बाद से दिनांक में .datepicker का चयन करना चाहिए।

#Todate के लिए #fromdate से पहले के महीनों को अक्षम करना इस तरह से संभाला जाता है:

$("#fromdate").datepicker({
minViewMode: 1
}).on("changeDate", function(ev){
$("#todate").datepicker("setStartDate",ev.date);
});

मैं शायद कुछ स्पष्ट याद कर रहा हूं, लेकिन मैं सेटस्टार्टडेट विधि में 1 महीने के लिए "जोड़ने" पर पकड़ हासिल कर सकता हूं।

उत्तर:

जवाब के लिए 0 № 1

आपको सेट करने की जरूरत है minDate:

$("#fromdate").datepicker({
minViewMode: 1
}).on("changeDate", function(ev){
$("#todate").datepicker("option", "minDate",ev.date.setMonth(ev.date.getMonth() + 1));
});

जवाब के लिए 0 № 2

आपको सेट करने की जरूरत है endDate उपयोगकर्ता के लिए।

नवीनतम तिथि जिसे चुना जा सकता है; सभी बाद की तारीखें होंगी विकलांग।

के लिए डॉक्स की जाँच करें bootstrap-datepicker http://bootstrap-datepicker.readthedocs.org/en/release/options.html#enddate


जवाब के लिए 0 № 3

मैंने अधिक संपूर्ण समाधान किया:

$("#eventEndDate").datepicker({
minViewMode: 1
}).on("changeDate", function (ev) {
endtDate: ev.date.setMonth(ev.date.getMonth() - 1), $("#eventStartDate").datepicker("setEndDate", ev.date);
});

$("#eventStartDate").datepicker({
minViewMode: 1
}).on("changeDate", function (ev) {
startDate: ev.date.setMonth(ev.date.getMonth() + 1), $("#eventEndDate").datepicker("setStartDate", ev.date);
});