datepicker áp dụng cho trường sai

Question

Tôi đang gặp phải sự cố nhỏ với trình ghim date UI của jQuery. Có điều là, tôi có trang web của tôi và một số đầu vào như thế này:

blabla | blabla | .date-picker | blabla 
blabla2 | blabla2 | .date-picker | blabla2 
blabla3 | blabla3 | .date-picker | blabla3 

Vì vậy, các 'blabla' chỉ là một số văn bản, và '.date-picker' là một đầu vào, với 'chọn ngày ' lớp học.

Trong mã Javascript của tôi, tôi chỉ có điều sau đây:

$(function() { 
    $('.date-picker').datepicker(); 
}); 

Nhưng ví dụ, nếu tôi bấm vào đầu vào của dòng "blabla3", thay vì cập nhật đầu vào đúng, nó luôn luôn cập nhật đầu tiên một ...

Đầu vào của tôi có tất cả cùng một id (tôi không thể thay đổi), nhưng tôi đang sử dụng lớp đầu vào cho công cụ chọn của mình, vì vậy nó sẽ hoạt động nhưng không hoạt động.

Answer 1

Bạn nên thay đổi id của các yếu tố đầu vào, nếu không, nó sẽ không hoạt động, bởi vì, khi bạn chọn bất kỳ ngày nào, nó sử dụng DP_jQuery_1347006322116.datepicker._selectDay('#same',8,2012, this);return false; chức năng này để chọnThanh toán và đang lấy id cho đầu vào.

vì vậy nếu bạn có nhiều id, nó sẽ chọn đầu vào đầu tiên và đặt ngày ở đó.

Answer 2

Tôi đã gặp phải sự cố tương tự trong đó tôi sẽ sử dụng javascript để tự động thêm các vùng chứa DIV mới chứa các trường ngày có cùng thẻ ID. Phương pháp duy nhất để giải quyết trong trường hợp của tôi là tự động viết lại tất cả các ID sau đó hủy/tạo chức năng datepicker:

var n=0;  
$("[id*='blabla']").each(function(){ 
    n++; 
    tempField = this.id.split("-"); 
    this.id = tempField[0]+"-"+n; 
    }); 

// first remove datepicker functionality since renaming of id above then    
// add datepicker to any field with "datepicker" as class 

    $("input.datepicker").datepicker("destroy").datepicker(); 

Tôi đã sửa đổi ở trên để phù hợp với trường hợp sử dụng của bạn (tôi nghĩ). Hi vọng điêu nay co ich.

BTW: Lý do tôi chia tách bằng dấu nối ("-") là vì sau đó tôi có thể gọi hàm này mỗi lần tôi tự động tạo vùng chứa DIV khác với trường ngày tháng. Nó sẽ có hệ thống đổi tên tất cả các ID theo thứ tự tuần tự để xử lý biểu mẫu sau này.

Answer 3

Xin chào bài cũ nhưng nó cho những ai vẫn đang phải đối mặt vấn đề này ...

Chỉ cần loại bỏ các id của đầu vào mới, datepicker luôn tạo ra một id mới Ví dụ: nếu đầu vào không có một. Nếu nó có một trong những datepicker sẽ giữ điều đó, có nghĩa là ở đây đầu vào đầu tiên được nhân bản và cuối cùng cũng sẽ được cập nhật.