mirror of
https://github.com/wassname/angular-timezone-selector.git
synced 2026-06-27 21:35:52 +08:00
Ashok Fernandez
39 lines
1.4 KiB
HTML
39 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-ng-app="timezoneSelectExample">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Angular timezone select example</title>
|
|
<link rel="stylesheet" href="./bower_components/select2/select2.css">
|
|
<style>
|
|
.timezone-select {
|
|
min-width: 300px;
|
|
}
|
|
</style>
|
|
<script src="./bower_components/jquery/dist/jquery.js"></script>
|
|
<script src="./bower_components/angular/angular.js"></script>
|
|
<script src="./bower_components/lodash/dist/lodash.js"></script>
|
|
<script src="./bower_components/select2/select2.js"></script>
|
|
<script src="./bower_components/moment/min/moment.min.js"></script>
|
|
<script src="./bower_components/moment-timezone/builds/moment-timezone-with-data.min.js"></script>
|
|
<script src="./dist/angular-timezone-select.js"></script>
|
|
<script type="text/javascript">
|
|
angular.module('timezoneSelectExample', ['angular-timezone-select'])
|
|
.controller('TimezoneSelectCtrl', ['$scope', function($scope) {
|
|
$scope.country = 'CN';
|
|
}]);
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div data-ng-controller="TimezoneSelectCtrl">
|
|
Country:
|
|
<select data-ng-model="country">
|
|
<option value="CN">China</option>
|
|
<option value="NZ">New Zealand</option>
|
|
</select>
|
|
Timezone:
|
|
<input class="timezone-select" timezone-select data-ng-model="timezone" country="country">
|
|
<div>Selected: {{ timezone }}</div>
|
|
</div>
|
|
</body>
|
|
</html>
|