Question

我需要在页面中内嵌显示时间选择器时钟样式。我找到了这个不错的组件：https://weareoutman.github.io/clockpicker 但我无法配置如何将其显示为内联，因此无需单击选择器即可立即显示。您能否建议如何使用此组件或建议使用其他组件？

10倍

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



}]);

如何显示引导带clockpicker内联？

1 个答案: