learning-angularjs/angularBootstrap.html at master · tanvi-surana/learning-angularjs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <title>Angular Demo</title>
</head>
<body ng-app="myApp">


    <div ng-controller="AppCtrl">


          <div uib-timepicker ng-model="mytime" ng-change="changed()" hour-step="hstep" minute-step="mstep" show-meridian="ismeridian">


        </div>
    </div>


    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-animate.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-sanitize.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js"></script>
    <script>

        var app = angular.module('myApp', ['ngAnimate', 'ngSanitize', 'ui.bootstrap'])

        app.controller('AppCtrl', function($scope, $http)
        {
            $scope.ismeridian = true;
            $scope.hstep = 1;
            $scope.mstep = 15;
        })


    </script>

</body>
</html>