jquery日期選擇器只顯示.css問題的月份

我想更改datepicker僅選擇月份。我可以喜歡這種改變CSS屬性更改jquery日期選擇器只顯示.css問題的月份

<!DOCTYPE html> 
<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 


</head> 
<body style="font-size:62.5%;"> 

<input class="todaydate" type="text" name="todaydate" /> 
<p>test paragraph</p> 
<script> 
    $('.todaydate').datepicker(); 


</script> 
<style> 
.ui-datepicker-calendar { 
    display: none; 
    } 
</style> 
</body> 
</html>

它的工作原理，但是當我想改變的CSS像這樣的jQuery的，它不能正常工作

<script> 
    $('.todaydate').datepicker(); 
$('.ui-datepicker-calendar').css({display:'none'}) 
</script>

請幫助我

來源

2011-05-06 chenka

1 ）在你的控制檯有JavaScript錯誤？ 2）如果我沒有錯，這個$（'。ui-datepicker-calendar'）.css（{display：'none'}）適用於html元素。 http://api.jquery.com/css/ http://api.jquery.com/category/selectors/ 3）嘗試把你的腳本放在你想選擇的任何位置，因爲html渲染從上到下開始。 ......

.....

來源

2011-05-06 08:14:37 Jianhong

這是因爲你需要一個document.ready。這樣做：

<script> 
    $(document).ready(function(){ 
    $('.todaydate').datepicker(); 
    $('.ui-datepicker-calendar').css({display:'none'}) 
    }); 
</script>

希望這會有所幫助。乾杯

來源

2011-05-06 08:15:58

我試着貼在標籤和標籤，但無法正常工作 – chenka 2011-05-06 08:29:15

假設你想隱藏日曆使用jquery而不是css爲你的一些奇怪的原因。你可以試試這個：

$('.todaydate').datepicker(); 
$('.todaydate').click(function(){ 
    $('.ui-datepicker-calendar').css('display','none'); 
});

看看住在這裏... http://jsfiddle.net/FRQ2D/

它會隱藏沒有問題的日曆，但我不知道你怎麼會選擇只包括月的xD（也許有一些模糊（）魔術：P）。

沒有事件調用觸發的.css（），所以您的編碼有壞...

來源

2012-01-04 01:38:50

jquery日期選擇器只顯示.css問題的月份

回答

相關問題