同时使用 jquery timepicker 和 datepicker答案

【问题标题】：Use jquery timepicker and datepicker simultaneously同时使用 jquery timepicker 和 datepicker
【发布时间】：2013-09-16 06:21:48
【问题描述】：

我需要同时使用时间选择器和日期选择器。但只有其中一个有效。我的代码在下面提到。我正在使用多个 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"/>

【问题讨论】：

你能做个小提琴吗？
@TusharGupta : jsfiddle.net/rKFN6

标签： javascript jquery datepicker timepicker

【解决方案1】：

检查Timepicker with Datepicker 这个插件将两个选择器作为一个组件。

【讨论】：

非常感谢，我知道但一定要使用当前的:(

【解决方案2】：

我用https://github.com/trentrichardson/jQuery-Timepicker-Addon

<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();
});

和 html input type="text" name="date" value="" placeholder="会议名称" id="datepicker"

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

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

它对我有用。我认为它的 jquery 版本问题

【讨论】：

你用的是哪个时间选择器？
请将整个代码与 html 一起发布，以便我可以测试它

【解决方案3】：

确保从 CDN http://cdnjs.com/libraries/jquery-ui-timepicker-addon 加载库
成功加载 js 和 CSS 后，您可以按照 httpp://jonthornton.github.io/jquery-timepicker/ 中给出的示例使用该插件。我使用以下选项来获取 AM/PM 选择器；

$('input.timepicker').timepicker({controlType: 'select', timeFormat: 'hh:mm TT', 下拉：真，滚动条：假，安培：真}）；
有关详细选项列表，请参阅 httpp://timepicker.co/options/

2 个链接有 httpp 而不是 http cz 所以不允许我在一个答案中发布许多链接。

【讨论】：