2017-08-08 1 views
2

Ich verwende Bootstrap clockpicker (http://weareoutman.github.io/clockpicker/). Ich kann die Clockpicker-Position nicht automatisch anpassen. HierBootstrap Uhr Picker Auto-Einstellung Problem in Modal Popup

ist der Code für clockpicker:

$('.clockpicker').clockpicker({ 
     placement: 'bottom', 
     align: 'left', 
     autoclose: true, 
     donetext: 'Done', 
     //twelvehour: true, 
}); 

Mein Klient wie dieses Plugin sehr viel und er will mir dies in seiner Anwendung nutzen. Aber ich habe keine Lösung gefunden, um Clockpicker automatisch anzupassen. Jeder hat eine Idee? Ich werde sehr dankbar sein ...

+0

können Sie HTML-Code auch geben? –

+0

@PareshMaghodiya Hier ist mein HTML-Code '

\t
' –

+0

Sie geben 'clockpicker' Klasse in' div' nicht in 'input' –

Antwort

1

Sie können versuchen, diese

<div class="input-group clockpicker"> 
    <input type="text" readonly="" class="form-control" id="from_time" name="from_time" value="10:00"> 
    <span class="input-group-addon clock_icon"> 
     <span class="glyphicon glyphicon-time"></span> 
    </span> 
</div> 

<script type="text/javascript"> 
$('.clockpicker').clockpicker({ 
    placement: 'bottom', 
    align: 'left', 
    autoclose: true, 
    donetext: 'Done', 
}); 
</script> 
+0

Dadurch tut Clockpicker oben auf Element aber unten auch. Können Sie bitte eine Geige für mich erstellen –

+0

Ich versuche, fiddle zu erstellen, aber blockieren externe jquery, so dass es nicht funktioniert https://jsfiddle.net/cwdaq8b3/1/ –

+0

Sie können 'data-type =" vor "' aus HTML entfernen Code. Überprüfen Sie den neuen bearbeiteten Code über –