2017-02-14 3 views
2

ich mit Bootstrap-rtlBootstrap picker Klick Ausgabe

das Problem Bootstrap-Datepicker bin ich mit 2 Felder hatte, eine für Datum und einen für Namen, die Datepicker nicht, bis ich Eingabe zuerst Datum dann in Namen klicken gezeigt Geben Sie dann ein, wenn ich auf das Datum zurückklicke, den angezeigten Datenpicker eingeben, und dies geschah nur beim ersten Laden der Seite, dann funktioniert es gut, bis Sie die Seite erneut laden.

<div class="col-md-6"> 
    <div class="form-group"> 
    <label for="name" class="control-label">name</label> 
    <input type="text" maxlength="40" name="name" class="form-control" /> 
    </div> 
</div> 

<div class="col-md-6"> 
    <div class="form-group"> 
    <span class="text-danger Bold">*</span> 
    <label for="civilIDExpiredDate" class="control-label">ExpiredDate</label> 
    <div class="input-group date"> 
     <div class="input-group-addon"> 
     <i class="fa fa-calendar"></i> 
     </div> 
     <input type="text" name="ExpiredDate" class="form-control datepicker"> 
    </div> 
    </div> 
</div> 

<script type="text/javascript"> 
//datepicker 
    $('.datepicker').datepicker({ 
     autoclose: true, 
     format: 'dd/mm/yyyy', 
     todayHighlight: true, 
     startDate: "dateToday" 
    }); 
</script> 
+1

versuchen Sie '$ (Dokument) .ready ({....});' um Ihren Datepicker-Initialisierungscode hinzuzufügen. – vijayP

+0

Konnten Sie Ihren Javascript-Importauftrag liefern? –

+0

Geben Sie den relevanten Code ein. Sieht so aus, als hättest du die jquery-Bibliothek nicht importiert? Oder besser eine Demo erstellen. – Lucky

Antwort

0

dies für Sie arbeiten wird

<script type="text/javascript"> 
    $(document).ready({ 
    //datepicker 
     $('.datepicker').datepicker({ 
      autoclose: true, 
      format: 'dd/mm/yyyy', 
      todayHighlight: true, 
      startDate: "dateToday" 
     }); 
    }); 
</script> 

Sie Datetime müssen initialisiert werden, nachdem dom bereit ist, dass nicht vor.