Javascript 同时使用jquery时间选择器和日期选择器

我需要同时使用时间选择器和日期选择器。但其中只有一个有效。下面提到了我的代码。我正在使用多个jquery文件

    <script type="text/javascript">



    $(document).ready(function() {




        $(".datepicker").datepicker({

            changeMonth: true,

            changeYear: true

        });



    });







    </script>








    <script type="text/javascript">

    $(document).ready(function() {



       $('.timepicker').timepicker({

                                        showPeriod: true,
                                        showLeadingZero: true

                                    });


    });



    </script>

     Date : <input type="text" class="datepicker"/>

     Time : <input type="text" class="timepicker"/>

$（文档）.ready（函数（）{
$（“.datepicker”）.datepicker({
变化月：对，
变化年：对
});
});
$（文档）.ready（函数（）{
$（'.timepicker'）.timepicker({
展示期：对，
showLeadingZero：正确
});
});
日期：
时间：

检查这个插件是否将两个选择器作为一个组件。

我使用了

我觉得它的jquery版本有问题

确保已从CDN加载库

一旦js和CSS成功加载，就可以按照中给出的示例使用插件httpp://jonthornton.github.io/jquery-timepicker/. 我使用以下选项获得AM/PM选择器

$（'input.timepicker'）.timepicker（{controlType:'select'， 时间格式：“hh:mm TT”， 下拉列表：正确， 滚动条：false， ampm:true}）

有关详细选项列表，请参阅httpp://timepicker.co/options/

---

2个链接有httpp而不是httpcz，因此不允许我在一个答案中发布多个链接。

你能做点什么吗。@TusharGupta：非常感谢，我知道这一点，但一定要使用当前的链接：（你使用了哪个计时器？请将整个代码与html一起发布，以便我可以测试它。）

<link href="yourpath/jquery-ui-timepicker-addon.css'?>" rel="stylesheet" media="all">
<script src="yourpath/jquery-ui-timepicker-addon.js'?>"></script>
$(function() {
$( ".datepicker" ).datepicker();
});

$(function() {
$(".timepicker").timepicker();
});

  input type="text" name="start_time" value="" placeholder="Starting Time" class="timepicker"

  input type="text" name="end_time" value="" placeholder="Ending Time" class="timepicker"