दिलचस्प पोस्ट
पीएचपी – एक फाइल में अंतिम पंक्ति लौट रहा है? मैं एक साधारण शब्दकोश में स्ट्रिंग> asp.net में json को कैसे हटा सकता हूं? AJAX ऐरे का उपयोग करने का वादा करता है MySQL में एक टेबल से डेटा की प्रतिलिपि कैसे कॉपी करें? एक गैर-तुच्छ कन्स्ट्रक्टर के साथ एक यूनियन शुरू करना क्या <link> टैग में टाइप = "text / css" आवश्यक है? AFNetworking और पृष्ठभूमि स्थानान्तरण फ़ायरफ़ॉक्स में "0s" संक्रमण पर यूनिट आईओएस 5 फिक्स्ड पोजीशनिंग और वर्चुअल कीबोर्ड विंडोज़ में बदलना org.eclipse.swt.widgets पृष्ठभूमि का रंग स्विफ्ट नेविगेशन बार छवि शीर्षक पता लगाना है कि टीसीपी पर एक संदेश वितरित किया गया था ट्रिगर चेंज () घटना जब val () फ़ंक्शन के साथ <select> का मान सेट करना सफारी कुकी सेट नहीं करता लेकिन आईई / एफएफ करता है क्या मैं Visual Studio 2008 में .NET 4.0 बीटा का उपयोग कर सकता हूं?

Bootstrap Datepicker में चयन योग्य दिनांक सीमा को कैसे सीमित करें?

मुझे दिनांक पिक्चर का उपयोग करने की आवश्यकता है जो मुझे चयन तिथियों को सीमित करने का विकल्प प्रदान करता है। हम jQuery UI का उपयोग कर रहे थे जिसका उपयोग मिनडेट, अधिकतमडेट विकल्प का उपयोग करने के लिए किया जाता है।

$("#id_date").datepicker({minDate: +1, maxDate: '+1M +10D'}); 

हाल ही में हमने हमारे शैलियों के लिए ट्विटर बूटस्ट्रैप का उपयोग करना शुरू कर दिया है। और जाहिरा तौर पर, ट्विटर बूटस्ट्रैप jQuery के यूआई शैलियों के साथ असंगत है। इसलिए मैंने http://www.eyecon.ro/bootstrap-datepicker/ पर उपलब्ध बूटस्ट्रैप संगत datepickers का उपयोग करने का प्रयास किया।

दुर्भाग्य से, उपरोक्त प्लगइन jQuery UI के datepicker के रूप में कॉन्फ़िगर करने योग्य नहीं है। कोई नई Datepicker में चयन दिनांक सीमा को प्रतिबंधित करने में मेरी सहायता कर सकता है

Solutions Collecting From Web of "Bootstrap Datepicker में चयन योग्य दिनांक सीमा को कैसे सीमित करें?"

बूटस्ट्रैप दिनांक पिक्चर दिनांक सीमा निर्धारित करने में सक्षम है लेकिन यह प्रारंभिक रिलीज / मास्टर शाखा में उपलब्ध नहीं है। शाखा को 'श्रेणी' के रूप में देखें (या बस https://github.com/eternicode/bootstrap-datepicker पर देखें ), आप इसे बस startDate और endDate के साथ कर सकते हैं

उदाहरण:

 $('#datepicker').datepicker({ startDate: '-2m', endDate: '+2d' }); 

चयन तिथि सीमा के साथ आप इस तरह से कुछ का उपयोग करना चाह सकते हैं। मेरा समाधान #from_date से #from_date को चुनने से रोकता है और #to_date को हर बार बदलता है जब उपयोगकर्ता #from_date बॉक्स में नई तिथि का चयन करता है:

http://bootply.com/74352

जेएस फ़ाइल:

 var startDate = new Date('01/01/2012'); var FromEndDate = new Date(); var ToEndDate = new Date(); ToEndDate.setDate(ToEndDate.getDate()+365); $('.from_date').datepicker({ weekStart: 1, startDate: '01/01/2012', endDate: FromEndDate, autoclose: true }) .on('changeDate', function(selected){ startDate = new Date(selected.date.valueOf()); startDate.setDate(startDate.getDate(new Date(selected.date.valueOf()))); $('.to_date').datepicker('setStartDate', startDate); }); $('.to_date') .datepicker({ weekStart: 1, startDate: startDate, endDate: ToEndDate, autoclose: true }) .on('changeDate', function(selected){ FromEndDate = new Date(selected.date.valueOf()); FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf()))); $('.from_date').datepicker('setEndDate', FromEndDate); }); 

HTML:

 <input class="from_date" placeholder="Select start date" contenteditable="false" type="text"> <input class="to_date" placeholder="Select end date" contenteditable="false" type="text" 

और बूटस्ट्रैप datepicker.js और .css फ़ाइलों को भी शामिल करने के लिए मत भूलना।

ऊपर दिए गए उदाहरण थोड़ा सा सरल बना सकते हैं। इसके अतिरिक्त आप केवल दिनांकपेकर के माध्यम से इसे चुनने के बजाय कुंजीपटल से मैन्युअल रूप से तारीख डाल सकते हैं। प्रारंभिक तिथि / समाप्ति तिथि को हटाने के लिए 'रिक्त डेट पर' कार्य को भी संभाल करने के लिए आवश्यक मान को साफ़ करते समय:

जेएस फ़ाइल:

 $(".from_date").datepicker({ format: 'yyyy-mm-dd', autoclose: true, }).on('changeDate', function (selected) { var startDate = new Date(selected.date.valueOf()); $('.to_date').datepicker('setStartDate', startDate); }).on('clearDate', function (selected) { $('.to_date').datepicker('setStartDate', null); }); $(".to_date").datepicker({ format: 'yyyy-mm-dd', autoclose: true, }).on('changeDate', function (selected) { var endDate = new Date(selected.date.valueOf()); $('.from_date').datepicker('setEndDate', endDate); }).on('clearDate', function (selected) { $('.from_date').datepicker('setEndDate', null); }); 

HTML:

 <input class="from_date" placeholder="Select start date" type="text" name="from_date"> <input class="to_date" placeholder="Select end date" type="text" name="to_date"> 

अधिकांश उत्तर और स्पष्टीकरण यह नहीं समझाएंगे कि endDate या startDate की वैध स्ट्रिंग क्या है। डैनी ने हमें दो उपयोगी उदाहरण दिए।

 $('#datepicker').datepicker({ startDate: '-2m', endDate: '+2d' }); 

लेकिन क्यों? आइए हम bootstrap-datetimepicker.js पर स्रोत कोड पर एक नज़र डालें। कुछ कोड शुरू रेखा 1343 हैं हमें बताएं कि यह कैसे काम करता है

 if (/^[-+]\d+[dmwy]([\s,]+[-+]\d+[dmwy])*$/.test(date)) { var part_re = /([-+]\d+)([dmwy])/, parts = date.match(/([-+]\d+)([dmwy])/g), part, dir; date = new Date(); for (var i = 0; i < parts.length; i++) { part = part_re.exec(parts[i]); dir = parseInt(part[1]); switch (part[2]) { case 'd': date.setUTCDate(date.getUTCDate() + dir); break; case 'm': date = Datetimepicker.prototype.moveMonth.call(Datetimepicker.prototype, date, dir); break; case 'w': date.setUTCDate(date.getUTCDate() + dir * 7); break; case 'y': date = Datetimepicker.prototype.moveYear.call(Datetimepicker.prototype, date, dir); break; } } return UTCDate(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds(), 0); } 

अभिव्यक्ति के चार प्रकार के होते हैं।

  • w सप्ताह का मतलब है
  • m मतलब महीने है
  • y साल का मतलब है
  • d दिन का मतलब है

नियमित अभिव्यक्ति को देखें ^[-+]\d+[dmwy]([\s,]+[-+]\d+[dmwy])*$ आप इन -0d या +1m से अधिक कर सकते हैं

startDate:'+1y,-2m,+0d,-1w' तरह कठिन प्रयास करें। और विभाजक , [\f\n\r\t\v,]

मैं v3.1.3 का उपयोग कर रहा हूं और मुझे इस तरह data('DateTimePicker') का उपयोग data('DateTimePicker') पड़ा

 var fromE = $( "#" + fromInput ); var toE = $( "#" + toInput ); $('.form-datepicker').datetimepicker(dtOpts); $('.form-datepicker').on('change', function(e){ var isTo = $(this).attr('name') === 'to'; $( "#" + ( isTo ? fromInput : toInput ) ) .data('DateTimePicker')[ isTo ? 'setMaxDate' : 'setMinDate' ](moment($(this).val(), 'DD/MM/YYYY')) }); 

एक और संभावना data विशेषताओं के साथ विकल्पों का उपयोग करना है, जैसे (न्यूनतम 1 सप्ताह पहले):

 <input class='datepicker' data-date-start-date="-1w"> 

अधिक जानकारी: http://bootstrap-datepicker.readthedocs.io/en/latest/options.html