如何让DateTimePicker在iOS和Android上运行?

时间:2014-12-29 20:08:34

标签: javascript jquery twitter-bootstrap datetimepicker

我已经了解了在我的应用程序中使用的不同DateTimePicker实现。我决定使用this one。因此它适用于Firefox,但我无法在iOS和Android上使用它。

或者有一个技巧如何激活iOS和Android上的原生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>

1 个答案:

答案 0 :(得分:1)

查看您对js / css文件的引用。在Android和iOS上进行测试时,这些设备是否与您的“localhost”地址保持一致。 “未激活”的行为似乎不会导致所有资源被加载。