Jquery Datepicker工作正常的底部标签但不能在标签

时间:2017-03-05 19:52:35

标签: javascript jquery jsp datepicker jquery-ui-datepicker

$(document).ready(function() {
  $("#datepicker").datepicker();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td width="150"> Abend Date(Cycle):<input id="datepicker" /></td>
  </tr>
</table>

enter image description here

1 个答案:

答案 0 :(得分:0)

Datepicker是jquery UI的一部分,而不是jquery。不确定它为什么适合您,但在您的代码段中,即使移出<td>标记,它也无法正常工作。

&#13;
&#13;
$(document).ready(function() {
  $("#datepicker").datepicker();
});
&#13;
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<table>
  <tr>
    <td width="150"> Abend Date(Cycle): <input id="datepicker" /></td>
  </tr>
</table>
&#13;
&#13;
&#13;