javascript – JQuery Datepicker隐藏页面上一个日历的日期

前端之家收集整理的这篇文章主要介绍了javascript – JQuery Datepicker隐藏页面上一个日历的日期前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在同一页面上有几个日期选择器,需要一个只显示月份和年份,而其他人应该显示完整的日历和日期.我知道要从一个独立的日期选择器中隐藏日子,我可以做类似的事情:
<style>
 .ui-datepicker-calendar {
   display: none;
 }
</style>

但这隐藏了所有日历的日期.如何确保其他日期选择器保留日历视图?

编辑
我确实尝试嵌套CSS,但仍然遗漏了一些东西.对于HTML部分我大致有:

< div id =“monthOnly”>< input type =“text”class =“monthly-picker”name =“mdate”>< / div>

和JS代码$(‘.monthly-picker’).datepicker();

还是,做点什么

<style>
#monthOnly .ui-datepicker-calendar {
   display: none;
 }
</style>

不会产生预期的结果.

解决方法

在容器元素上使用id.
<style>
 #monthOnly .ui-datepicker-calendar {
   display: none;
 }
</style>

编辑:
http://jsfiddle.net/h8DWR/是一个处理datepicker特性的解决方案.想法是使用样式元素在选择特定日期选择器时添加样式,然后在关闭时将其删除.

猜你在找的jQuery相关文章