15

Nie można wyłączyć wcześniejszych dat w bootstrap DateTimePickerJak wyłączyć dat przeszłych z dzisiaj w bootstrap datetimepicker?

HTML

<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> 

JavaScript

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

użyłem również startDate atrribute.But bezużyteczne.

Fiddle here

Odpowiedz

26

startDate opcja zastosowanie w bootstrap-datepicker samej opcji nie wymienionego gdziekolwiek w bootstrap-datetimepicker/Options/ doc ma minDate opcję dla tego

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

FIddle

+0

zbieranie czas drążyć jest wyłączone. Jak rozwiązać ten problem? sprawdź przykład skrzypiec, który wskazałeś powyżej. – Vijayaraghavan

+0

połączenie poprzedniej daty jest wyłączone, możesz wybrać przyszły czas na datę –

+0

Wczoraj rozwiązałem problem. Punkt jest nowy Data() sprawi, że bieżący HH: mm tt będzie czasem zgrzewania. zamiast tego powinniśmy wskazywać godziny bezpośrednio jak "var date = new Date(); var startDate = new Data (date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0); var endDate = new Data (date.getFullYear(), date.getMonth() + 1, date.getDate(), 23, 59, 59); ' https://jsfiddle.net/65vaoqkw/7/#&togetherjs=zELfaP3wpz – Vijayaraghavan

3

Użyłem swoje skrzypce i zmiany to z następującym kodem, który wyłącza wszystkie przeszłe daty, działa doskonale .

Oto kod Fiddle i -

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

Można to zrobić tak:

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

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

Innym rozwiązaniem:

$(function() { 


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

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


}); 
+0

Zapytał o DateTimePicker. Ale odpowiedziałeś na DatePicker – oneNiceFriend

+0

Edytowałem swoją odpowiedź. Dzięki OneNiceFriend –

Powiązane problemy