时间选择器未显示滑块按钮

时间:2013-12-02 09:49:04

标签: javascript jquery css jquery-ui datetimepicker

我已经实施了时间选择器。但它没有显示滑块按钮,从哪里选择时间。

请看一下这张图片:

enter image description here

控制台没有错误。

以下是我现在使用的代码:

<script type="text/javascript">
$(function () {
    $("#timeField").datetimepicker(
    {
    minDate: 0,
    timeFormat: "hh:mm TT"
    }
    );
});
</script>

以下是我使用的插件:

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <link href="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css">
    <script src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js" type="text/javascript">
    <script src="http://trentrichardson.com/examples/timepicker/jquery-ui-sliderAccess.js" type="text/javascript">

可能是什么问题?

2 个答案:

答案 0 :(得分:0)

请参阅此链接:

example datetimepicker

$('#basic').datetimepicker({
        timeFormat: "hh:mm tt",

        hourMin: 8,

        hourMax: 16,

        numberOfMonths: 2,

        minDate: 0,

        maxDate: 30
});

答案 1 :(得分:0)

尝试将滑块脚本包含在时间选择器脚本上方。