Question

我想更改datepicker以仅选择月份。我可以改变像这样的改变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>

它有效，但是当我想用这样的jquery更改css时，它不起作用

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

请帮帮我

Answer 1

1）您的控制台中是否有javascript错误？ 2）如果我没错，这个$（'。ui-datepicker-calendar'）。css（{display：'none'}）适用于html元素。 http://api.jquery.com/css/ http://api.jquery.com/category/selectors/ 3）尝试将您的脚本放在您想要选择的任何内容之下，因为html渲染从上到下开始。 ......

.....

Answer 2

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

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

希望这会有所帮助。干杯

Answer 3

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

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

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

它会毫无问题地隐藏日历，但我不确定你将如何选择月份xD（可能有一些模糊（）魔法：P）。

没有事件调用来触发.css（），所以你的编码很糟糕......

jquery日期选择器仅显示带有.css问题的月份

3 个答案: