时间选择器无法正常工作

时间:2015-09-07 09:55:57

标签: angularjs twitter-bootstrap-3 angular-ui-bootstrap timepicker

我有以下代码,它没有正确显示弹出式选择器。

这是我的代码:

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
   <!-- ...dropdown...-->
    <ul class="dropdown-menu customScroll dropDownLabel" role="menu" aria-labelledby="btn-append-to-body"
						ng-show="!vm.displayTIME"	
					>
						<li role="menuitem">
							<a href="#">Start Time
								<div class="input-group bootstrap-timepicker">
									<input type="text" id="timepicker1" class="form-control input-small" placeholder="" aria-describedby="sizing-addon2"
									ng-model="vm.startTime"
									
									/>
									<span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
								</div>
							</a>
						</li>
						<li role="menuitem">
							<a href="#">End Time
								<div class="input-group bootstrap-timepicker timepicker">
									<input type="text" id="timepicker2" class="form-control input-small" placeholder="" aria-describedby="sizing-addon2"
									ng-model="vm.endTime"/>
								
									<span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
								</div>
							</a>
						</li>
		</ul>
  </body>

</html> 

这是它的外观截图:

enter image description here

enter image description here

0 个答案:

没有答案