微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

JQuery UI Datepicker作为多日期显示

我过去使用过 JQuery UI DatePicker,我很满意.我正在寻找一种方法用户显示未来的多个日期.我不希望用户能够选择日期,我只想让他们在运行时修复它们.

有没有简单的方法使这成为可能?

解决方法

您可以使用beforeShowDay事件执行此操作.

// list of dates to highlight
var dates = [
    [2011,8,1],[2011,9],25]
];

$('#datepicker').datepicker({
    beforeShowDay: function (date){
        var year = date.getFullYear(),month = date.getMonth(),day = date.getDate();

        // see if the current date should be highlighted
        for (var i=0; i < dates.length; ++i)
            if (year == dates[i][0] && month == dates[i][1] - 1 &&  day == dates[i][2])
            return [false,'ui-state-highlight ui-state-active'];

        return [false];
    }
});

见例:http://jsfiddle.net/william/VzZYU/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐