動態更改css for jquery datapicker

如何通過jquery更改datapicker的外觀。我不想隱藏datapicker只有ui-datepicker-calendar類。動態更改css for jquery datapicker

它的工作原理：

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

但是，這並不工作：

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

來源

2013-03-06 gormit

檢查我修改的答案 – Swarne27 2013-03-06 10:40:35

嘗試使用，.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 
      }); 
     } 
    }); 
});

來源

2013-03-06 10:17:04 Swarne27

不行的......但我不想隱瞞整個datapicker，剛剛的.ui-日期選擇器-calendar類。 – gormit 2013-03-06 10:19:28

在哪個活動你想要做到這一點？ – Swarne27 2013-03-06 10:21:37

更改選擇元素$（「＃datefilterMyWorkouts」）。change（function（）... – gormit 2013-03-06 10:24:31

我的猜測是，當你試圖隱藏元素，在日期選擇器插件仍在創建元素，所以沒有什麼可以隱藏的！代碼很好！

Datepicker API Doc可能有你的東西！：

hide()

關閉以前打開的日期選擇器。

此方法不接受任何參數。

代碼示例：

調用隱藏方法：

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

來源

2013-03-06 10:21:55

這是同樣的事情「onchange」事件爲select元素。 – gormit 2013-03-06 10:27:52

只有ui-datepicker-calendar類我想隱藏。 – gormit 2013-03-06 10:31:00

動態更改css for jquery datapicker

回答

相關問題