时间选择器无法在iPad和触摸设备上运行

Question

我有以下代码，时间选择器不会显示在点击上。它在桌面上工作正常但在触摸设备上没有。是什么导致了这个？

代码：

<div class="btn-group" dropdown dropdown-append-to-body id="ddlETA">
	<div id="btn-append-to-body" type="button" class="btn btn-primary" 		dropdown-toggle
	tabindex="4"
	   ng-click="vm.showETA()"
	   title="ETA"
	>
		 ETA<span class="caret"
		></span>
	</div>
	<ul class="dropdown-menu" role="menu" aria-labelledby="btn-append-to-body"
			
	>
		<li role="menuitem">
			<a href="" ng-click="$event.stopPropagation()">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"
					ng-change="vm.getETACount('time')
					/>
					<span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
				</div>
			</a>
		</li>
		
		<script type="text/javascript">
			/*$("#timepicker1").on("click", function(e){
				$('#timepicker1').timepicker();
				e.stopPropagation();
			});*/
			$('#timepicker1').timepicker();
			$('#timepicker2').timepicker();
		</script>
	</ul>
</div>

bower.json：

"bootstrap-3-timepicker": "~0.2.8",
    "bootstrap-toggle": "~2.2.0",
    "bootstrap-ui-datetime-picker": "~1.2.1",
    "es5-shim": "~3.1.0",
    "jquery": "~1.11.2",