我在同一页面上有几个日期选择器,需要一个只显示月份和年份,而其他人应该显示完整的日历和日期.我知道要从一个独立的日期选择器中隐藏日子,我可以做类似的事情:
<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特性的解决方案.想法是使用样式元素在选择特定日期选择器时添加样式,然后在关闭时将其删除.