Question

jquery ui 中的datepicker日历选择问题！

日历框中，当我点击某一天的日历，则该日历所在的一周样式改变一下（ 比如背景变灰），怎么实现啊？？？？

Answer 1

这个要自己扩展实现了。不建议修改原来的插件。可以使用绑定的方法，原来当前点的日期是有变色的，以这个样式为基准点算出一周并添加自己的样式名。

追问

我本来是想把每一天的日期都绑定一个click事件，记得绑定事件有个live和bind，用bind绑定后初始月份的日期能能获取click事件，但改变月份或年份后就没有click事件了，听说用live可以给未来的元素绑定事件，奈何jquery1.7+后就没有live了，全部变成on绑定事件了，但是通过on绑定就找不到日期所在的元素

追答

jquery1.7+后有live的，到1.10都还有。而on事件处理只能绑定在当前被选中的元素上;而且，在您的代码调用.on()的时候，他们必须在页面文档中已经存在。所以用on是不能绑定未来事件。

追问

$('#submitbtn').bind('click',function(){})等价于$('#submitbtn').on('click',function(){});

$('#submitbtn').live('click',function(){})等价于$(document).on('click','#submitbtn',function(){});

Answer 2

你好！

你的datepicker是使用inline的方式的么?

最好把你的html贴出来，我可以帮助你修改！

追问

calendar_data.datepicker({
onSelect: function(dateText, inst) {
//调用getMeetingmsg接口，初始化数据
getData.init(rightcontent,dateText);
},
beforeShowDay:function(date){
}

dateFormat: 'yy-mm-dd'
});
出于项目要求，不能去改插件的

追答

...........
onSelect: function(dateText, inst) { 
inst.inline = false;
//移除选中的样式
$(".ui-datepicker-calendar .ui-datepicker-current-day").removeClass("ui-datepicker-current-day").children().removeClass("ui-state-active");
//遍历a元素
$(".ui-datepicker-calendar TBODY A").each(function(){
    if ($(this).text() == inst.selectedDay) {
        //设置移除前一选中日期所在周的背景色
        $(".ui-datepicker-calendar TBODY A").each(function(){
            $(this).removeClass("ui-datepicker-selectedWeek").addClass("ui-state-default");
        });
        
        //设置当前日期为选中状态
        $(this).addClass("ui-state-active")
            //设置当前日期所在td的样式
            .parent().addClass("ui-datepicker-current-day")
            //设置当前日期所在周的样式
            .siblings("td").find("a").removeClass("ui-state-default").addClass("ui-datepicker-selectedWeek");
    }
        });
//调用getMeetingmsg接口，初始化数据
getData.init(rightcontent,dateText);
},
beforeShowDay:function(date){},
dateFormat: 'yy-mm-dd'
});
   ....................

Answer 3

这个需要修改插件，需要比较懂CSS和JS代码了。