Jquery日期选择器以一些日期以粗体格式

时间:2012-04-04 08:02:07

标签: jquery

我们如何以粗体显示日期?

var events = {};
events[new Date('02/14/2011')] = new Event('Valentines Day', 'mybold');
events[new Date('02/18/2011')] = new Event('Payday', 'mybold');
    $('#calender').datepicker({
        changeMonth : true,
        changeYear : true,
        beforeShowDay : function(date) {
            var event = events[date];
            if (event) {
                return [ true, 'mybold', event.text ];
            } else {
                return [ true, '', '' ];
            }
        }
    });
.
.
.
.
<style>
.mybold>a {
    font-weight:bold;
    background-color: yellow !important; 
    background-image: none !important;
}
</style>

它将背景颜色显示为黄色但未以粗体显示文字? 感谢

1 个答案:

答案 0 :(得分:2)

你应该做

.mybold>a.ui-state-default {
    font-weight:bold;
    background-color: yellow;
    background-image: none;
}

在这里摆弄http://jsfiddle.net/3dHWh/2/

这是有效的,因为使用类定位元素通常比定位元素更强,因此您没有覆盖标准的ui主题(因此根本不需要!important