15

बूटस्ट्रैप डेटामैपिकर में आज से पिछली तिथियों को कैसे अक्षम करें?

एचटीएमएल

<br/> 
<div class="row"> 
    <div class="col-md-12"> 
     <h6>Datetimepicker</h6> 

     <div class="form-group"> 
      <div class="input-group date" id="datetimepicker"> 
       <input type="text" class="form-control" /> <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
      </div> 
     </div> 

    </div> 
</div> 

जावास्क्रिप्ट

$(function() { 
    $('#datetimepicker').datetimepicker(); 
}); 

बूटस्ट्रैप DateTimePicker में अतीत दिनांकों अक्षम करने में असमर्थ मैं भी कोई फायदा नहीं atrribute.But startDate इस्तेमाल किया।

फिडल here

उत्तर

26

startDate विकल्प bootstrap-datepicker ही bootstrap-datetimepicker/Options/ दस्तावेज़ में कहीं भी उल्लेख नहीं किया विकल्प में उपयोग यह है कि

$(function() { 
    $('#datetimepicker').datetimepicker({ 
     minDate:new Date() 
     }); 
}); 

FIddle

+0

ड्रिल नीचे से एक समय उठा अक्षम है। इसे कैसे हल करें? ऊपर बताए गए बेवकूफ उदाहरण की जांच करें। – Vijayaraghavan

+0

पिछले दिनांक समय का संयोजन अक्षम है, आप भविष्य की तारीख का समय चुन सकते हैं –

+0

कल, मैंने इस मुद्दे को हल किया। बिंदु नई तारीख() मौजूदा एचएच: मिमी टीटी को सीलिंग समय के रूप में बनाती है। इसके बजाय हमें घंटों को सीधे 'var date = new date() की तरह इंगित करना चाहिए; var startDate = new date (date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); var endDate = new date (date.getFullYear(), date.getMonth() + 1, date.getDate(), 23, 59, 59); ' https://jsfiddle.net/65vaoqkw/7/#&togetherjs=zELfaP3wpz – Vijayaraghavan

3

के लिए minDate विकल्प है मैं अपने बेला और परिवर्तन का इस्तेमाल किया है यह निम्नलिखित कोड के साथ है जो सभी पिछली तिथियों को अक्षम करता है, यह पूरी तरह से काम कर रहा है ।

यहाँ Fiddle और कोड है -

$(function() { 
      $('#datetimepicker').datetimepicker({ 
      minDate : moment() 
      }); 
     }); 
4

आप इसे इस तरह कर सकते हैं:

$(function() { 
     var date = new Date(); 
     var today = new Date(date.getFullYear(), date.getMonth(), date.getDate()); 

     $('#datetimepicker').datetimepicker({ 
     minDate: today 
     }); 
}); 

एक अन्य समाधान:

$(function() { 


    var date = new Date(); 
    date.setDate(date.getDate()-1); 

    $('#datetimepicker').datetimepicker({ 
    startDate: date 
    }); 


}); 
+0

उन्होंने डेटटाइम पिकर के बारे में पूछा। लेकिन आपने डेटपिकर – oneNiceFriend

+0

के लिए उत्तर दिया मैंने अपना जवाब संपादित किया। धन्यवाद OneNiceFriend –

संबंधित मुद्दे