Как показать встроенные часы с часовым механизмом?

Question

Мне нужно показать стиль часов на странице выбора времени. Я нашел этот хороший компонент: https://weareoutman.github.io/clockpicker/ Но я не могу настроить, как отобразить его встроенным, поэтому он будет виден сразу, без нажатия селектора. Можете ли вы предложить, как использовать этот компонент или предложить другой компонент для использования?

10x

Answer 1

Да, конечно, это мой HTML-код:

<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>

И контроллер:

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');



}]);