Cách kích hoạt jQuery UI DatePicker onclick?

Question

Mã tiêu chuẩn cho DatePicker là:

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 
<p>Date: <input type="text" id="datepicker"></p> 

Làm thế nào để khởi động datepicker sự kiện onclick từ html inline, ý tôi là

<input ... onclick="" > 

, và không có mã JS riêng biệt?

tôi đã cố gắng:

<p>Date: <input type="text" id="datepicker" onclick="$(function() {$('#datepicker').datepicker();});"></p> 

Nhưng nó làm việc chỉ trên nhấp chuột thứ hai.

Làm cách nào để nó hoạt động trên lần nhấp đầu tiên?

Cảm ơn.

Answer 1

<p>Date: <input type="text" id="dp" onclick="$('#dp').datepicker();$('#dp').datepicker('show');"></p>​ 

công việc đó bằng bất kỳ cơ hội?

Tôi không có chuyên gia, nhưng tôi tin rằng bạn đã phải nhấp vào nó hai lần vì lần nhấp đầu tiên chỉ đơn thuần khởi tạo nó như một trình ghi ngày tháng. Sau khi khởi tạo, nó hoạt động như một datepicker bình thường, bất kể onclick.

Answer 2

như thế này?

http://jsfiddle.net/tZXjR/

Answer 3

Sau khi bạn tạo datepicker, mở nó theo cách này:

$('#datepicker').datepicker('show') 

Đến datepicker tài liệu API nhìn vào tab phương pháp, đó là tất cả có

Answer 4

Hãy thử mã này:

<script> 
$(function() { 
    $("#datepic").datepicker({ showOn: 'button',buttonImage: 'image/calendar.gif'}); 

}); 
</script> 

<input type="text" id="datepic" />