jquery日期选择器不处理输入单击_Jquery_Jquery Ui_Datepicker

jquery日期选择器不处理输入单击

jquery jquery-ui

jquery日期选择器不处理输入单击,jquery,jquery-ui,datepicker,Jquery,Jquery Ui,Datepicker,我知道这有点愚蠢/小错误。但是我找不到它我写了和这里提到的相同的代码，但仍然没有代码： Fiddle:您的JS中有一个类，请尝试创建它，ID: $("#hasDatepicker").datepicker(); 正确代码- HTML代码-（从类中删除hasDatepicker）工作小提琴-您正在使用Id，因此必须像调用$（“#hasDatepicker”）.datepicker（）那样调用它点是用来上课的用于id。您还需要加载jqueryui脚本。Datepicker是一个UI元素。同

我知道这有点愚蠢/小错误。但是我找不到它

我写了和这里提到的相同的代码，但仍然没有

代码：

Fiddle:

您的JS中有一个类，请尝试创建它，ID:

$("#hasDatepicker").datepicker();

正确代码-

HTML代码-（从类中删除hasDatepicker）

工作小提琴-

您正在使用Id，因此必须像调用

$（“#hasDatepicker”）.datepicker（）那样调用它
点是用来上课的用于id。您还需要加载jqueryui脚本。Datepicker是一个UI元素。同样，给id和class取相同的名称也不好
来自jquery的完整工作代码
 <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>


jQuery UI日期选择器-默认功能
$（函数（）{
$（“#日期选择器”）.datepicker（）；
});
日期：
原因是hasDatepicker
是一个内部类，jQuery UI datepicker使用它来确定datepicker小部件是否已为所选元素初始化，如果已初始化，则它不会执行任何操作
因此，在您的情况下，由于您的输入
已经具有该类，.datepicker（）
调用不会执行任何操作，前提是小部件已经初始化

$（“.hasDatepicker2”）.datepicker（）
选项1：将类名“hasDatepicker”更改为其他名称
选择2：删除类名“hasDatepicker”并按id选择
$("#hasDatepicker").datepicker();

因此，罪魁祸首是classhasDatePicker先生，我向您脱帽致敬！我还将类名设置为hasDatepicker-不知道这是datepicker（）类是否认为已初始化的指示符！关于这个答案，这个问题不需要一个ID吗？i、 e.$（“#hasDatepicker”）.datepicker（）；
<input type="text" id="hasDatepicker" class="fromDate large" maxlength="10" placeholder="dd-mm-yyyy" autocomplete="off">

$("#hasDatepicker").datepicker();

 <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>

$("#hasDatepicker").datepicker();