我已经研究了在我的应用程序中使用的不同 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”地址。 “未激活”的行为似乎导致并非所有资源都被加载。


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!