Question

我需要同时使用timepicker和datepicker。但只有其中一个有效。我的代码如下所述。我正在使用多个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"/>

Answer 1

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

Answer 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 =“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版本问题

Answer 3

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

$（'input.timepicker'）。timepicker（{controlType：'select'， timeFormat：'hh：mm TT'，下拉列表：是的，滚动条：false， ampm：true}）;
有关详细选项列表，请参阅httpp：//timepicker.co/options/

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

同时使用jquery timepicker和datepicker

3 个答案: