首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery,唯一id

JQuery,唯一id
EN

Stack Overflow用户
提问于 2020-01-10 21:04:30
回答 3查看 186关注 0票数 2

我有一个带有两个日期输入字段的表单。

我想使用DatePicker。为了获得每个字段的日历弹出窗口,我需要使用唯一的id。

如何在创建唯一id的同时引用一(1)个"DatePicker“JQuery函数?

我试过了:

代码语言:javascript
运行
复制
$( "#datepicker" ).datepicker();

使用

代码语言:javascript
运行
复制
id="1datepicker"
id="2datepicker"

代码语言:javascript
运行
复制
$( "#.datepicker" ).datepicker();

使用

代码语言:javascript
运行
复制
id="1.datepicker"
id="2.datepicker"

下面是代码

代码语言:javascript
运行
复制
$( function() {
    $( "#datepicker" ).datepicker();
    $( "#.datepicker" ).datepicker();
  } 
  );
代码语言:javascript
运行
复制
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
<p>Date: <input type="text" id="datepicker"></p>

<p>Date: <input type="text" id="1datepicker"></p>
<p>Date: <input type="text" id="2datepicker"></p>

<p>Date: <input type="text" id="1.datepicker"></p>
<p>Date: <input type="text" id="2.datepicker"></p>
 
 
</body>
</html>

EN

Stack Overflow用户

发布于 2020-01-10 21:17:28

只需使用一个特殊的css类而不是id。这样,所有的datepicker输入字段都可以(而且必须!)具有不同的ids,您的脚本可以通过类名来调用它们。

请记住,in和类不允许以数字开头!

票数 1
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59682283

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档