Question

我花了两天时间试图让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示例来帮助我吗？

或者告诉我究竟该如何运作？

Answer 1

尝试：

HTML CODE：

<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以及在小提琴中的内部资源中添加的资源。

如何使用滑块实现Jquery日期时间选择器

1 个答案: