Tôi đã có mã này:JQuery UI datepicker không hoạt động khi bị ràng buộc vào một lớp
<html>
<head>
<link type="text/css" href="css/blitzer/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function() {
$('.hasDatepicker').datepicker();
});
</script>
</head>
<body>
<p>date: <input type="text" name="data" class="hasDatepicker" /></p>
<input type="submit" value="send" />
</div>
</body>
</html>
Khi tôi bấm vào lĩnh vực đầu vào, không có gì xảy ra. Các datepicker được khởi tạo mặc dù, khi tôi kiểm tra DOM trong Firebug, tôi nhận được id="dp1260260566059"
thêm vào phần tử <input>
của tôi.
Sau khi thay đổi html
và js
sử dụng id
thuộc tính thay vì class
, do đó, có điều này trong mã của tôi:
$(function() {
$('#hasDatepicker').datepicker();
});
và
<p>date: <input type="text" name="data" id="hasDatepicker" /></p>
Tất cả mọi thứ hoạt động OK.
Không thể đặt ngày tháng từ giao diện người dùng JQuery cho tất cả các thành phần của một số lớp?
Wow. Cảm ơn rất nhiều. Điều này là gây phiền nhiễu, gây ra va chạm tên theo cách này và không thể tìm ra những gì sai :) – kender
@sv_in Cảm ơn! Là một vấn đề rất bực bội. –
@ sv_in tên lớp "hasDatePicker" đã khiến tôi phải vật lộn trong hơn một giờ. Câu trả lời của bạn chỉ xóa vấn đề của tôi. vậy +1 – Vinay