2010-10-05 11 views
5

Mam jinser UI datePicker na mojej stronie. Mam pole tekstowe, w którym wyświetlana jest data. Kod to:Jak zrobić jQuery DataPicker obrazu przycisku unclickable

$("#cal").datepicker({ 
    minDate: new Date(), 
    defaultDate: new Date(), 
    buttonImage: 
     '/images/calendar.gif', 
    constrainInput: false, 
    closeText: 'Close', 
    showButtonPanel: true, 
    showButtonText: 'Choose a date', 
    buttonImageOnly : true, 
    showOn : 'button' 
}); 
$("#till").datepicker('setDate', today); 

Chcę wyłączyć to na niektórych warunkach. Korzystam z poniższego kodu, aby wyłączyć:

$("#cal").datePicker('disable'); 

Powoduje zaćmienie pola tekstowego, ale obraz jest nadal klikalny. Problem występuje w IE, pojawia się okienko wyboru daty, ale nie zamyka się po kliknięciu przycisku obrazu powiązanego z selektorem dat.

Próbowałem również powiązać funkcję onclick z obrazem, aby uniemożliwić jej kliknięcie. Ale to nie działa tak dobrze.

W jaki sposób można uniemożliwić kliknięcie przycisku wyboru próbnika dat, gdy selektor daty jest wyłączony.

Każda pomoc zostanie doceniona.

Dzięki, Farzana

Odpowiedz

0

Nie jestem pewien, czy to będzie działać, ale należy starać się zmienić prawo własności showOn po wyłączyć połączenia.

$("#cal").datepicker('disable'); 
$("#cal").datepicker("option", "showOn", 'focus'); 

Wypróbuj!

0

dlaczego nie można ukryć przycisk się poprzez .hide() lub dodając klasę i styl

lub można dodać styl, aby go wyłączyć

.addClass lub .add dodać CSS

0

Chciałbym użyć .unwrap(); na urządzeniu <img>, aby usunąć opakowanie jednostkowe <a>. Jest tak, jeśli jest on zawijany bezpośrednio w tagu <a>.

0

Spróbuj tego:

$("#cal").datepicker("option", "disabled", true);

0

Działa to dla mnie - muszę chwycić przycisk i wyłączyć go.

$ ("# MyDatePicker") datepicker ({}). Next ("button"). Attr ("wyłączony", "prawdziwy")

Powiązane problemy