Question

我正在使用以下代码。对于此代码，未显示datepicker。但是当我使用InspectElement单击datepicker div时，将出现datepicker。是什么原因？..

<input type="text" id="datePicker" placeholder="Select Date"style="height: 34px;width: 171px;position: relative;left:-21px;border-radius: 5px;"onclick="showDatePicker()">

以上是我的文字字段。

js代码是

function showDatePicker()
{
    $("#datePicker").datepicker();
}

Answer 1

您不需要这个，onclick="showDatePicker()。

我们将其初始化如下：

$(function() {
    $( "#datepicker" ).datepicker();
});

$(function() {
    $( "#datePicker" ).datepicker();
});

 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>
<input type="text" id="datePicker" placeholder="Select Date"style="height: 34px;width: 171px;position: relative; border-radius: 5px;">

正如您从上面的代码片段中注意到的那样，只要jquery-ui.css，您还需要引用jquery-ui。此外，您必须设置日期选择器的样式。

Answer 2

删除Onclick操作，datepicker正在处理此问题：

<input type="text" id="datePicker" placeholder="Select Date" style="height: 34px;width: 171px;position: relative;left:-21px;border-radius: 5px;">
<script>$(function() { $("#datePicker").datepicker(); });</script>

datepicker jquery无法正常工作

2 个答案: