2010-10-07 25 views
6

JQuery'lere yeni katılıyorum ve datepicker'ı odağıyla başlatmak istiyorum.Odak noktası ile jquery datepicker nasıl başlatılır

İlk metin kutusu bir tarih alanıdır ve kutuya javascript ile odaklamayı denedim ancak sayfadaki başka bir yere tıklamadığım sürece tarihçiola gelmeyecek ve ardından kutunun içini tıklatarak odağı vermeyecek.

Odaklama ile tarih seçmeye başlamak için bir yol var mıdır ve belki de sayfa yüklendiğinde ve ardından kullanıcı kutuyu terk ettiğinde odağı bıraktığında pencere öğesi hemen başlatılsın mı?

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

cevap

7

bu deneyin - http://www.jsfiddle.net/wnUWQ/embedded/result

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

DÜZENLEME: $ (belge) nesnenin .ready() fonksiyonu DOM tamamen tarayıcıda yüklendiğinde ateşlenir. İlk olarak datepicker'u input'a ekliyoruz ve daha sonra datepicker'ı gösteren ve biz odağı girişe ayarladığımız bir focus eventhandler ekliyoruz.

Bu, tüm olduğu gibi bir hizaya chained olabilir:

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

Pink Floyd, sen da adam! Çok teşekkürler! – jim

+0

Neden şimdi bir cevabı kabul etmek için 10 dakika beklemek zorundayız? – jim

+0

Muhtemelen insanlar cevap vermek için zaman vermek - şimdi yaptığım gibi ... ;-) –