Question

我正在寻找解决方案，如何在jQuery Tools Datepicker中禁用周末日（sat，sun）。我知道有jQueryUI的解决方案，但我需要它，因为该项目几乎99％完成，所以此时深入挖掘代码并不是一个好主意。

http://flowplayer.org/tools/dateinput/index.html

Answer 1

你可以添加这样的东西：

$(".date").dateinput({
    change: function() {
        var dayOfWeek = this.getValue('ddd');
                if( dayOfWeek === 'Sat' || dayOfWeek === 'Sun'){
                    this.hide();
                    return false;
                }
    }
});

进一步改进：

您可以弹出警告框以警告用户他们无法选择周末
你可以设定css样式以使周末看起来已禁用

Answer 2

我也遇到过这个问题，我提出了以下解决方案：

var dateinput = $('input[type="date"]').dateinput({
    "onShow": function(event) {
        var calendar = this.getCalendar();
        var conf = this.getConf();
        var classes = conf.css.off + ' ' + conf.css.disabled;
        function disableWeekends() {
            var weeks = calendar.find('.calweek');
            weeks.find('a:first, a:last').addClass(classes);
        }
        calendar.find('#calprev, #calnext').click(disableWeekends);
        disableWeekends();
    }
});

https://gist.github.com/1031709

jQuery工具 - 禁用周末日

2 个答案: