2013-03-06 4 views
0

Как изменить вид datapicker через jquery. Я не хочу скрывать только datapicker только для класса ui-datepicker-calendar.динамически изменять css для jQuery datapicker

Он работает:

.ui-datepicker-calendar { 
     display: none; 
    }​ 

Но это не работает:

 $(function() { 
     $("#startdateMyWorkouts").datepicker({ dateFormat: 'dd-mm-yy' }); 
     $(".ui-datepicker-calendar").css('display','none'); 
    }); 
+0

проверить мой измененный ответ – Swarne27

ответ

1

Попробуйте использовать, .datepicker("hide"). вы можете сделать это в случае. Здесь вы делаете это в документе нагрузки

Кстати, если вы хотите, чтобы это произошло в случае использования следующим образом,

$(function() { 
    $("#startdateMyWorkouts").datepicker({ dateFormat: 'dd-mm-yy', 
     beforeShow: function(input, inst) { 
      $("#datefilterMyWorkouts").change(function()) { // your select change event 
       return false; // to hide the datepicker 
      }); 
     } 
    }); 
}); 
+0

Не работает ... но я не хочу, чтобы скрыть всю datapicker, просто .ui-DatePicker -календарный класс. – gormit

+0

, на каком мероприятии вы хотите это сделать? – Swarne27

+0

Об изменении для элемента select $ ("# datefilterMyWorkouts"). Change (function() ... – gormit

0

Я думаю, что когда вы пытаетесь скрыть элемент, Datepicker Плагин по-прежнему создает элементы, поэтому нечего скрывать! Код в порядке!

Datepicker API Doc, возможно, имеет что-то для вас! :

hide() 

Закрыть ранее открытый выбор даты.

Этот метод не принимает никаких аргументов.

примеры кода:

вызывает метод скрыть:

$(".selector").datepicker("hide"); 
+0

Это то же самое, что и событие «onchange» для выбранного элемента. – gormit

+0

Только класс ui-datepicker-calendar Я хочу установить скрытый. – gormit

Смежные вопросы