0

我花了 2 天的时间试图让 Jquery datepicker 与我的网页上的时间滑块工作但没有任何成功。无论我做什么，日期选择器都从未出现在页面上：

在我的网页上，我有以下内容：

<link href="/Content/bootstrap/css/jquery/timepicker.css" rel="stylesheet">
<link href="/Content/bootstrap/css/jquery/jquery.ui.datepicker.css" rel="stylesheet">

<script type="text/javascript" src="/Scripts/jquery-lib/jquery-ui.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery-lib/jquery-2.0.3.js"></script>


<script type="text/javascript"  src="/Content/bootstrap/js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript"  src="/Content/bootstrap/js/jquery.ui.datepicker.js"></script>
 <script type="text/javascript"  src="/Content/bootstrap/js/jquery-ui-sliderAccess.js"></script>

和脚本：

    <script>
        $(function () {
            $("#datetimepicker").datepicker();
        });
</script>

我也试过：

<script>
    $(function () {
        $("#datetimepicker").datetimepicker();
    });

在我尝试的身体中：

<div id="datetimepicker" class="ui-datepicker"></div>

和

<p>Date: <input type="text" class="ui-datepicker" id="datetimepicker"></p>

<div><input id="datetimepicker" class="ui-datepicker" type="text" value="" name="basic_example_1"/></div>

有人可以通过显示一个在 jsfiddle 中工作的带有滑块的 jquery datetimepicker 示例来帮助我吗？

或者告诉我究竟如何让这个工作？

4

1 回答 1

0

尝试：

HTML 代码：

<p>Date:</p>
    <div>
    <input type="text" name="datetimepicker" id="datetimepicker" value="" />
</div>

JavaScript：

$('#datetimepicker').datetimepicker();

FIDDLE

注意：确保 jQuery-2.0.3.js、jQuery-UI.js 以及在 fiddle 的 enternal 资源中添加的资源都包含在您的代码中。

于 2013-09-01T16:47:21.243 回答