jQuery日期选择器仅显示.css问题的月份

我想将日期选择器更改为仅选择月份。我可以通过像这样更改 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>

请帮帮我

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

.....

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

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

希望这有帮助。干杯

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

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

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

它会毫无问题地隐藏日历，但我不确定您将如何仅选择月份 xD（也许带有一些 blur（）魔术:P）。

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

相关内容

最新更新

热门标签：