Javascript JQuery时间选择器从HTML文本框中流出

我试图在文本框中实现一个时间选择器。但时代在盒子外流动

有人知道问题是什么吗

在我的HTML文件中：

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  <script type="text/javascript" src="jquery.timepicker.js"></script>

  <script>

     $(function() { $('#time_picker').timepicker({ 'step': 15 }); });

 </script>

$（function（）{$（'#time_picker'）。timepicker（{'step'：15}）；}）；

出发时间：

这很好用

<link href="jquery-ui.css" rel="stylesheet" />
<link href="jquery.timepicker.css" rel="stylesheet" />
<script src="jquery-1.9.1.js"></script>
<script src="jquery-ui.js"></script>
<script src="jquery.timepicker.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#time_picker').timepicker();
    });
</script>

$（文档）.ready（函数（）{
$（'time_picker'）。timepicker（）；
});

您需要再添加一个css jquery-ui-timepicker-addon.cssThanks，我需要添加

<link href="jquery-ui.css" rel="stylesheet" />
<link href="jquery.timepicker.css" rel="stylesheet" />
<script src="jquery-1.9.1.js"></script>
<script src="jquery-ui.js"></script>
<script src="jquery.timepicker.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#time_picker').timepicker();
    });
</script>