我试着用:
资料来源: index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="lib/angular-dragula/dist/angular-dragula.min.css" redl ="stylesheet">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" />
<link href="css/style.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/angular-ui-bootstrap/src/position/position.js"></script>
<script src="lib/angular-dateparser/dist/angular-dateparser.js"></script>
<script src="lib/angular-timepicker/src/angular-timepicker.js"></script></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
</head>
<body ng-app="starter">
<ion-nav-view></ion-nav-view>
</body>
</html>指令:
<input type="text" dn-timepicker ng-model="time" />有了这一行,我真正得到的就是一个没有时间选择器的输入字段。我还包括了对角UI引导程序和角日期解析器的脚本引用。
发布于 2015-09-29 12:10:13
您需要在应用程序模块中添加dnTimepicker:
在app.js中:
angular.module('yourApp', ['dnTimepicker']) ...发布于 2015-12-03 06:05:51
请检查我的设计:https://github.com/jmloveyj/angularjs-timepicker。它很简单,也很容易抛光。
具有IOS报警风格的时间选择器和数据报警器的AngularJS指令。您可以在您的移动html5应用程序的ios风格的动画感觉时间选择器。这是个基地。您可以通过修改css来装饰自己的样式时间选择器。时间选择器演示
https://stackoverflow.com/questions/32842285
复制相似问题