开发者社区> 问答> 正文

jquery ui datepicker如何实现点击切换某天的样式?

已经知道的:

通过beforeShowDay 在日历加载前可以设置某些天不可选,
onSelect可以选中某天。
求教: 如何通过选中某天来设置这一天的特殊样式?

最终想实现的目标:点击日历的某一天即给这天添加一个标记,再次点击这天可以清除标记,可以选择多个。

$("#datepicker").datepicker({
        minDate: new Date(),
        dateFormat:"yy-mm-dd",    //日期格式
        showOtherMonths : false,  //是否显示其他月份
        numberOfMonths: 1,     //显示的月份数
        beforeShowDay: setDisableDate,  //设置不可选日期
        onSelect:function(date,obj){
            console.log(date);
            console.log(obj);
            $(".item-input-day").val(date);  //选择日期
        }
    });

展开
收起
小旋风柴进 2016-05-27 11:22:35 2084 0
1 条回答
写回答
取消 提交回答
  • 我觉得你只需要修改两个类:

    .ui-state-active {
    
    }
    .ui-state-highlight {
    
    }

    active是你选中的那天,这个class是这个UI插件自己帮你加上的,highlight是当前这一天。
    参考: http://api.jqueryui.com/datepicker/#entry-examples
    通过审查元素,比较可以发现。

    题主的最终目标可能就是这个:
    http://stackoverflow.com/questions/1452066/jquery-ui-datepicker-multiple-date-selections

    2019-07-17 19:17:29
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
使用TensorFlow搭建智能开发系统自劢生成App UI代码 立即下载
Fusion Design - 企业级UI解决方案揭秘 立即下载
使用TensorFlow搭建智能开发系统自动生成App UI 立即下载