Wie man Boot Strap Clockpicker Inline zeigt?

Question

Ich muss Zeit Picker Uhr Stil Inline in Seite anzeigen. Ich habe diese nette Komponente gefunden: https://weareoutman.github.io/clockpicker Aber ich kann nicht konfigurieren, wie man es inline anzeigen, so dass es sofort sichtbar ist, ohne einen Selektor zu klicken. Können Sie vorschlagen, wie Sie diese Komponente verwenden oder eine andere Komponente vorschlagen?

10x

Answer 1

Ja, sicher, das ist mein HTML-Code:

<div class="app-page" ng-controller="TimeController"> 


    <div class="input-group clockpicker" > 
     <input id="selectedTimeInput" type="text" class="form-control" ng-model="selectedTime"> 
     <span class="input-group-addon"> 
      <span class="glyphicon glyphicon-time"></span> 
     </span> 
    </div> 


</div> 

Und Controller:

var TimeSim = angular.module('TimeSim'); 

TimeSim.controller('TimeController', ['$scope', '$compile',  '$filter','$routeParams', 'InstanceService', function ($scope, $compile, $filter,$routeParams, InstanceService) { 



$('.clockpicker').clockpicker({ 
    default:'now', 
    donetext: 'Ok', 
    init: function() { 
     console.log("colorpicker initiated"); 
    } 
}); 

    //set now hour and date 
$scope.selectedTime = $filter('date')(new Date(),'HH:mm'); 



}]);