自定义datepicker以从仅显示月份和年份的日历中选择日期

时间:2015-08-20 10:58:37

标签: jquery datepicker

我读了这个(jQuery UI DatePicker to show month year only),这个.ui-datepicker-calendardisplay:none样式设置为.ui-datepicker-calendar,适用于所有页面,但是有单页用户也应该能够选择日期,现在如果我们将display:none的属性从display:table更改为display:run-in$('.ui-datepicker-calendar').css('display','table'); ,那么用户也可以为该页面选择日期但我无法使用jquery动态更改它。

我试过这个

select event_id,
       sum(case when place = 1 then Money else 0 end) as place_1,
       sum(case when place = 2 then Money else 0 end) as place_2,
       sum(case when place = 3 then Money else 0 end) as place_3
from prize
where place in (1, 2, 3)
group by event_id;

1 个答案:

答案 0 :(得分:0)

DatePicker在将其设置为display:block in javascript后,使用类.ui-datepicker-calendar创建div。一种选择是将你的css类更改为:

.datePickerMonthAndYear .ui-datepicker-calendar{
    display:none;
}

然后在datepicker的beforeShow事件中添加或删除.datePickerMonthAndYear。

见:     http://jsfiddle.net/calinaadi/bmsfL4hh/