2010-10-07 30 views
6

Tôi mới để jquery và muốn bắt đầu datepicker với tập trung.Làm thế nào để bắt đầu ngày tháng jquery jp với tập trung

Hộp văn bản đầu tiên của tôi là trường ngày và tôi đã cố gắng tập trung vào hộp bằng javascript nhưng datepicker sẽ không xuất hiện trừ khi tôi nhấp vào một nơi khác trên trang và sau đó đặt tiêu điểm bằng cách nhấp vào bên trong hộp.

Có cách nào để bắt đầu datepicker với tiêu điểm và có thể có tiện ích bắt đầu ngay khi tải trang sau đó thả tiêu điểm khi người dùng rời khỏi hộp?

$("#date").datepicker({ 
    dateFormat: "mm-dd-yy" 
    }); 

Trả lời

7

Hãy thử điều này - http://www.jsfiddle.net/wnUWQ/embedded/result

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }); 
    $("#datepick").focus(function() { 
     $("#datepick").datepicker("show"); 
    }); 
    $("#datepick").focus(); 
}); 

EDIT: Chức năng .ready() của $ (document) đối tượng được kích hoạt khi DOM được nạp hoàn toàn trong trình duyệt. Đầu tiên, chúng ta đính kèm datepicker vào input, và sau đó chúng ta đính kèm một event handler focus để hiển thị datepicker và cuối cùng chúng ta đặt focus vào đầu vào.

Điều này có thể tất cả được chained vào một dòng như trong:

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }).focus(function() { 
     $("#datepick").datepicker("show"); 
    }).focus(); 
}); 
+0

Pink Floyd, Bạn da người đàn ông! Cám ơn rất nhiều! – jim

+0

Tại sao bây giờ chúng ta phải đợi 10 phút để chấp nhận câu trả lời? – jim

+0

Có lẽ để cung cấp cho mọi người thời gian để xây dựng câu trả lời - như tôi đã làm bây giờ ... ;-) –

Các vấn đề liên quan