datepicker Eingabefeld erforderlich ist nicht erforderlich

Question

Ich habe ein Datepicker-Eingabefeld in meinem Formular, das benötigt werden sollte. Ich habe das Eingabefeld wie folgt benötigt:

<div class="col-md-8 animate-box"> 
    <div class="bootstrap-iso"> 
     <div class="form-group"> <!-- Date input --> 
      <input class="form-control" id="date" name="date" 
        placeholder="Afhalen. Donderdag 17-19u. Zaterdag 09-16u. Minstens 1 week op voorhand reserveren." 
        type="text" readonly='true' required data-readonly/> 
     </div> 
    </div> 
</div> 

leider ist es nicht erforderlich !?

Dies ist der Code, wo ich die Datepicker bauen, aber ich denke, das ist nicht das Problem:

<script> 
    $(document).ready(function(){ 
     var date_input=$('input[name="date"]'); //our date input has the name "date" 
     var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body"; 
     date_input.datepicker({ 
      format: 'dd/mm/yyyy', 
      container: container, 
      autoclose: true, 
      startDate: '+1w', 
      daysOfWeekHighlighted: "4,6", 
      daysOfWeekDisabled: "0,1,2,3,5", 
      orientation: "auto", 
     }) 
    }) 
</script> 

Ich benutze:

<script src="js/jquery.min.js"></script> 
<!-- jQuery Easing --> 
<script src="js/jquery.easing.1.3.js"></script> 
<script src="js/jquery.easing.min.js"></script> 

Answer 1

Sie können keinen Eingang Nur-Lese-UND erforderlich machen. Machen Sie den Datumsauswahl Popup, wenn sie auf das Feld klicken und niemand wird dort eingeben.

Wenn dies der Fall ist, können Sie eine Tastenfunktion ausführen, um den Eingang zu löschen.

Answer 2

$("#your element id").prop('required',true); 

ODER

$("#your element id").attr("required", true);