2014-10-22 62 views
0

我使用下面的代碼:如何使用HTML標識調用JS對象(如datepicker)方法?

<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向量初始化每個字段,當選擇一個新日期時。當然,我想用一個班來完成,如示例所示。

回答

0

您可以按如下方式使用ID選擇#id

$('#one').datepicker(.... ); 

$('#two').datepicker(.... ); 

$('#three').datepicker(.... ); 
+0

謝謝!在實例化過程中,如何將日期傳遞給構造函數? – 2014-10-23 02:19:56

+0

這一切都在這裏:http://api.jqueryui.com/datepicker/#option-defaultDate – PeterKA 2014-10-23 03:39:07

+0

不,那是行不通的。 defaultDate在構造函數中起作用,當我初始化HTML元素時,需要將3個不同的日期傳遞給構造函數。 – 2014-10-24 02:17:24

相關問題