jquery datepicker没有在输入点击工作

我知道这是一种愚蠢/小错误。但我无法找到它。jquery datepicker没有在输入点击工作

我写了与此处提到的http://jqueryui.com/datepicker/#default相同的代码，但仍然没有任何结果。

代码：

<input type="text" id="hasDatepicker" class="fromDate large hasDatepicker" maxlength="10" placeholder="dd-mm-yyyy" autocomplete="off">

JS：

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

小提琴：http://jsfiddle.net/mkcb5b0e/

来源

2014-10-22 Shaggy

原因是hasDatepicker是由jQuery UI的日期选择器中使用的内部类，以确定日期选择器窗口小部件是否已初始化为选定元素，如果是这样则它不做任何事情。

因此，在你的情况下，因为你的input已经有类，.datepicker()调用不会做任何事情，假设小部件已经初始化。

$(".hasDatepicker2").datepicker();

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script> 
 
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/redmond/jquery-ui.css"> 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.js"></script> 
 

 
<input type="text" id="hasDatepicker" class="fromDate large hasDatepicker2" maxlength="10" placeholder="dd-mm-yyyy" autocomplete="off">

来源

2014-10-22 08:13:59

所以罪魁祸首是类'hasDatePicker' – Shaggy 2014-10-22 09:19:23

@Shaggy是的，它是.... – 2014-10-22 09:21:17

我把我的帽子给你，先生！我还将类名设置为hasDatepicker - 不知道它是否是datepicker（）类认为它已初始化的指示符！关于这个答案，这个问题不需要ID初始化吗？即$（“＃hasDatepicker”）。datepicker（）; – 2017-04-11 21:40:13

您的JS一类尽量做到和ID：

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

来源

2014-10-22 08:02:01 Refilon

正确的代码 -

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

<input type="text" id="hasDatepicker" class="fromDate large" maxlength="10" placeholder="dd-mm-yyyy" autocomplete="off">

jQuery的代码 - （给#hasDatepicker为选择器）

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

工作小提琴 - http://jsfiddle.net/Ashish_developer/m3adjs1r/

来源

2014-10-22 08:02:41 Ashish

您正在使用的ID，这样你必须打电话像$("#hasDatepicker").datepicker(); 点用于类。＃用于id的。你也需要加载jQuery UI脚本。 Datepicker是一个UI元素。此外，它不好给予同名的&类。从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>

来源

2014-10-22 08:02:50 user46487

选择1：改变你的类名 “hasDatepicker” 到另一个名称。

选择2：删除类名称“hasDatepicker”并按ID选择。

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

来源

2014-10-22 08:36:06

jquery datepicker没有在输入点击工作

回答

相关问题