Javascript 如何创建时间选择器下拉列表？_Javascript_Jquery_Timepicker

Javascript 如何创建时间选择器下拉列表？

javascript jquery

Javascript 如何创建时间选择器下拉列表？,javascript,jquery,timepicker,Javascript,Jquery,Timepicker,我的timepicker下拉列表不工作这是我的密码 $(document).ready(function() { $('.timepicker-input').timepicker({ timeFormat: 'h:mm p', interval: 60, minTime: '10', maxTime: '6:00pm', defaultTime: '11', startTime: '10:00', dynamic: true,

我的

timepicker

下拉列表不工作

这是我的密码

$(document).ready(function() {
  $('.timepicker-input').timepicker({
    timeFormat: 'h:mm p',
    interval: 60,
    minTime: '10',
    maxTime: '6:00pm',
    defaultTime: '11',
    startTime: '10:00',
    dynamic: true,
    dropdown: true,
    scrollbar: true
  });
});

这一个对我有效，我禁用了时间格式，因为它会破坏时间的渲染：

<input type="text" id="timepicker-input" placeholder="00:00" />

使用此库作为时间选择器


$（文档）.ready（函数（）{
$（“.example1”）.pDatepicker（）；
});

也显示html代码，即类名为“timepicker-input”的元素。这个答案很贴切，但是如果您还可以添加一个解释，说明这个答案为什么有效，它将对堆栈溢出的未来用户更有帮助。干杯：）

$(function() {
  $('#timepicker-input').timepicker({
    //timeFormat: 'h:mm p',
    interval: 60,
    minTime: '10',
    maxTime: '6:00pm',
    defaultTime: '11:00am',
    startTime: '10:00am',
    dynamic: true,
    dropdown: true,
    scrollbar: true
  });
});

   <head>
       <link rel="stylesheet" href="css/persian.datepicker.css"/>
       <script src="js/jquery.js"></script>
       <script src="js/persian.date.js"></script>
       <script src="js/persian.datepicker.js"></script>
   </head>

   <script type="text/javascript">
     $(document).ready(function() {
       $(".example1").pDatepicker();
     });
   </script>

  <input type="text" class="example1" />