Hiển thị jQueryUI datepicker trên nút bấm mà không liên quan đến trường nhập

Question

Trong một dự án ASP.NET, tôi đang tìm cách để có một jQueryP datepicker xuất hiện khi tôi nhấn một nút, sau đó gây ra một postback khi một ngày được chọn. Tôi đã nhận được một phần postback làm việc bằng cách sử dụng this method, nhưng tôi đang gặp khó khăn hoặc nhận được bộ chọn để biến mất khi tôi muốn nó hoặc cư xử đúng khi một ngày được chọn.

Tôi đã thử:

• Gắn hộp thoại để nút chính nó, nhưng nó đặt nội dung của nút để chọn ngày sau khi tôi chọn và trước khi postback xảy ra, mà tôi không muốn .
• Gắn bộ chọn vào nút và đặt tùy chọn altField thành <input type='text' /> được đặt bên ngoài cửa sổ trình duyệt nhưng vẫn đặt văn bản của nút khi chọn ngày.
• Làm cho nội tuyến trở thành nội tuyến bằng cách đính kèm nó vào div và tạo nó trong onclick của nút. Nhưng theo this forum post, trình theo ngày tháng nội tuyến theo thiết kế không hiển thị nút Xong và tôi không thể loại bỏ nó bằng cách nhấp vào bên ngoài.
  • Tôi đã thử thêm nút Xong của riêng mình vào vùng chứa nút ngày (hiển thị khi showButtonPanel được đặt), nhưng nó biến mất khi tháng hoặc năm thay đổi và không có sự kiện nào tôi có thể ràng buộc để cho phép tôi thêm nó lại.
  • Tôi đã cố gắng gắn bộ xử lý mouseup vào phần thân tài liệu để tôi có thể loại bỏ datepicker khi tôi nhấp vào bên ngoài, nhưng điều đó cũng kích hoạt khi tôi bấm vào datepicker, và dường như ngăn cản bộ chọn làm việc.

Cách tiếp cận tốt nhất ở đây là gì?

Answer 1

Tôi đã sử dụng một input lĩnh vực ẩn trước và kèm theo một datepicker để nó với kết quả thành công:

$("#date").datepicker({...}); // #date has style display='none' 

$("#show-date").click(function() { 
    $("#date").datepicker("show"); 
}); 

Ví dụ:http://jsfiddle.net/7pttr/