validate Date time picker

Question

Мне нужно дать пользователю возможность выбрать дату и время и получить это как вход здесь, я добавил базовый код, который я использую, и мне нужно ограничить пользователя, чтобы добавить будущую дату и время, не пройденное даты или время!

$(function() { 
 
\t \t \t var currentDate = new Date(); 
 
      $('#datetimepicker1').datetimepicker({ 
 
       //viewMode: 'years', 
 
       format: 'DD/MM/YYYY' 
 
\t \t \t \t 
 
\t \t \t \t 
 
      }); 
 
\t \t \t 
 
\t \t \t 
 
      $('#datetimepicker2').datetimepicker({ 
 
       format: 'LT' 
 
      }); 
 
\t \t \t 
 
     });

<!-- Latest compiled and minified CSS --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
 

 
<!-- Optional theme --> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
 

 
<!-- Latest compiled and minified JavaScript --> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css"> 
 
<div class="form-group"> 
 
          <label class="control-label col-sm-4" for="pwd"><a style="color:red !important; font-size:18px">* </a>Select a date:</label> 
 
          <div class="col-sm-8"> 
 
           <div class="form-group" style="margin-right: 0px !important; margin-left: 0px !important;"> 
 
            <div class='input-group date' id='datetimepicker1'> 
 
             <input name="datepicker" id="datepicker" type='text' class="form-control" min="2015-01-01" required /> 
 
             <span class="input-group-addon"> 
 
              <span class="glyphicon glyphicon-calendar"></span> 
 
             </span> 
 
            </div> 
 
           </div> 
 
          </div> 
 
         </div> 
 
         <!--Time picker--> 
 
         <div class="form-group"> 
 
          <label class="control-label col-sm-4" for="pwd"><a style="color:red !important; font-size:18px ; font-size:18px">* </a>Select a time:</label> 
 
          <div class="col-sm-8"> 
 
           <div class="form-group" style="margin-right: 0px !important; margin-left: 0px !important;"> 
 
            <div class='input-group date' id='datetimepicker2'> 
 
             <input name="timepicker" id="timepicker" type='text' class="form-control" required /> 
 
             <span class="input-group-addon"> 
 
              <span class="glyphicon glyphicon-time"></span> 
 
             </span> 
 
            </div> 
 
           </div> 
 
          </div> 
 
         </div>

мой вопрос, мне нужно, чтобы позволить пользователю только поставить дату в будущем не последние из них!

Answer 1

Попробуйте

$("#datetimepicker1").datepicker({ 
     minDate: 1, 
     onSelect: function(theDate) { 
      $("#datetimepicker1").datepicker('option', 'minDate', new Date(theDate)); 
     }, 
     dateFormat: 'mm/dd/yy' 
    }); 

Answer 2

Ограничить диапазон выбираемых дат с опциями MinDate и MaxDate.

$('#datetimepicker1').datepicker({ minDate: 0}); 

См. Официальную документацию here.

Answer 3

использование MinDate: 1, это должно позволить только будушее

$('#datetimepicker1').datetimepicker({ 
      minDate:1,  
      format: 'DD/MM/YYYY' 
}); 

Answer 4

я получил вопрос решается это спасибо всем за вашу помощь они были очень полезны!

$('#datetimepicker1').datetimepicker({ 
      //viewMode: 'years', 
      //minDate:0, 
      //format: 'DD/MM/YYYY' 
      format: "MM/DD/YYYY",minDate: new Date() 




     });