2011-05-06 243 views
0

我想更改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> 

请帮助我

回答

0

1 )在你的控制台有JavaScript错误? 2)如果我没有错,这个$('。ui-datepicker-calendar').css({display:'none'})适用于html元素。 http://api.jquery.com/css/ http://api.jquery.com/category/selectors/ 3)尝试把你的脚本放在你想选择的任何位置,因为html渲染从上到下开始。 ......

.....
0

这是因为你需要一个document.ready。这样做:

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

希望这会有所帮助。干杯

+0

我试着贴在标签和标签,但无法正常工作 – chenka 2011-05-06 08:29:15

0

假设你想隐藏日历使用jquery而不是css为你的一些奇怪的原因。 你可以试试这个:

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

看看住在这里... http://jsfiddle.net/FRQ2D/

它会隐藏没有问题的日历,但我不知道你怎么会选择只包括月的xD(也许有一些模糊()魔术:P)。

没有事件调用触发的.css(),所以您的编码有坏...

相关问题