2
Я использовал следующий код для создания timepicker в моем приложении: http://jdewit.github.io/bootstrap-timepicker/ Но это не открывает всплывающее таймер на IPad и сенсорных устройств , В чем проблема?Timepicker в раскрывающемся меню не работает на IPad и сенсорных устройств
HTML:
<div class="btn-group" dropdown dropdown-append-to-body id="ddlETA">
\t <div id="btn-append-to-body" type="button" class="btn btn-primary" \t \t dropdown-toggle
\t tabindex="4"
\t ng-click="vm.showETA()"
\t title="ETA"
\t >
\t \t ETA<span class="caret"
\t \t ></span>
\t </div>
\t <ul class="dropdown-menu" role="menu" aria-labelledby="btn-append-to-body"
\t \t \t
\t >
\t \t <li role="menuitem">
\t \t \t <a href="" ng-click="$event.stopPropagation()">Start Time
\t \t \t \t <div class="input-group bootstrap-timepicker">
\t \t \t \t \t <input type="text" id="timepicker1" class="form-control input-small" placeholder="" aria-describedby="sizing-addon2"
\t \t \t \t \t ng-model="vm.startTime"
\t \t \t \t \t ng-change="vm.getETACount('time')
\t \t \t \t \t />
\t \t \t \t \t <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
\t \t \t \t </div>
\t \t \t </a>
\t \t </li>
\t \t
\t \t <script type="text/javascript">
\t \t \t /*$("#timepicker1").on("click", function(e){
\t \t \t \t $('#timepicker1').timepicker();
\t \t \t \t e.stopPropagation();
\t \t \t });*/
\t \t \t $('#timepicker1').timepicker();
\t \t \t $('#timepicker2').timepicker();
\t \t </script>
\t </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",