如何使用HTML id调用JS对象(如日期选择器）方法

How do I invoke a JS object (such as datepicker) method using the HTML id?

本文关键字：日期 选择器 方法 JS 何使用 HTML id 调用 对象      更新时间：2023-09-26

我使用以下代码：

<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Icon trigger</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {$( '.dateTxt' ).datepicker({
  onSelect: function(dates) { alert('The chosen date(s): ' + dates); },
                });
$( ".dateTxt" ).datepicker( "setDate", "10/12/2012" );
});
</script>
</head>
<body>
        <p>Date 1: <input id="one" class="dateTxt" type="text" ></p>
        <p>Date 2: <input id="two" class="dateTxt" type="text" ></p>
        <p>Date 3: <input id="three" class="dateTxt" type="text" ></p>
</body>
</html>

我想将不同的日期传递给构造函数和唯一向量。我该怎么做？

在这个例子中，我想用一个唯一的日期初始化每个字段——当选择了一个新的日期时，用唯一的HTML矢量初始化。当然，我想用一个类来完成，如示例所示。

Dan

您可以按如下方式使用id选择器#id：

$( '#one' ).datepicker( ....  );
$( '#two' ).datepicker( ....  );
$( '#three' ).datepicker( ....  );
相关文章：