0

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

3 回答 3

1

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

于 2013-09-16T06:23:45.610 回答
0

我使用了 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 输入 type="text" name="date" value="" placeholder="Conference Name" 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 版本问题

于 2013-09-25T10:19:15.390 回答
0
  1. 确保从 CDN http://cdnjs.com/libraries/jquery-ui-timepicker-addon加载库

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

    $('input.timepicker').timepicker({controlType: 'select', timeFormat: 'hh:mm TT', dropdown: true, scrollbar: false, ampm: true});

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

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

于 2015-05-14T12:04:14.730 回答