我已经研究了在我的应用程序中使用的不同 DateTimePicker 实现。我决定使用this one 。所以它在 Firefox 上运行得很好,但我无法让它在 iOS 和 Android 上运行。
或者有什么技巧可以在 iOS 和 Android 上激活 native DateTimePickers 吗?
我的组件实现:
<!-- Bootstrap + jQuery -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/simplex/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<!-- Some custom CSS -->
<!-- DateTimePicker -->
<script src="http://localhost/packages/moment/moment-with-locales.js"></script>
<script src="http://localhost/packages/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" href="http://localhost/packages/datetimepicker/css/bootstrap-datetimepicker.min.css" />
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> </span>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker();
});
</script>
</div>
</div>
请您参考如下方法:
查看对 js/css 文件的引用。在 Android 和 iOS 上进行测试时,这些设备是否可以看到您的“localhost”地址。 “未激活”的行为似乎导致并非所有资源都被加载。