如何使 DatePicker 中的日期不可选择？

Question

我在想如何只启用一周中的某些天？例如如何使某月某一周的周一、周三、周四启用，其余日期禁用？

我已经尝试过 setDate(DateOption dateOption) 、 setMaxDate(DateOption dateOption) 和 setMinDate(DateOption dateOption) 但没有结果。

谢谢。

Answer 1

AFAIK 你不能用默认的 jQuery 日期选择器来做到这一点。

我最近自己遇到了这个问题，我无法使用默认的 jQuery datepicker 找到解决方案，所以我使用以下方法创建了自己的 wiQuery 插件： http://keith-wood.name/datepick.html。它需要更多的工作，但是通过深入研究 wiQuery 代码，您可以找到需要模拟的类来让这个备用日期选择器工作。

我

• 复制了： DatePickerOptions
• DatePicker
• DatePickerJavascriptResourceReference
• JsScopeUiDatePickerOnChange

从 org.odlabs.wiquery.ui.datepicker

.classes。我将“Multi”附加到这些类名的开头，并使用了设置和回调选项的参考指南： http://keith-wood.name/datepickRef.html（也可以通过单击第一个链接中的快速参考来查看更简洁但不太简洁的版本），使我新创建的 MultiDatePicker 类能够生成正确的 javascript。

例如，默认情况下，DatePicker 中有以下代码：

public JsStatement statement() {
    return new JsQuery(this).$().chain("datepicker",
            options.getOptions().getJavaScriptOptions());
}

用于创建以下 javascript:

(function($) {
$(document).ready(function() {$('#startDate').datepicker({defaultDate: '+1', minDate: '+1', showOn: 'both', buttonImageOnly: true, buttonImage: '/Calendar.png'});
});
})(jQuery);

（其中我选择的选项位于大括号内）。

我在 MultiDatePicker.java 中将其更改为：

public JsStatement statement()
{
    return new JsQuery(this).$().chain("datepick", options.getOptions().getJavaScriptOptions());
}

我将以下行：

public void setMultiSelect(int i)
{
    put("multiSelect", i);
}

public int getMultiSelect()
{
    return getInt("multiSelect");
}

放入我的 multiDatePickerOptions 中，并在 MultiDatePicker 类中设置了一些愚蠢的 getter 和 setter 来设置这些选项，这允许您设置可以设置多少个日期。通过完成所有这些，我能够做到：

MultiDatePicker multiDatePicker = new MultiDatePicker("datePicker");
multiDatePicker.setMultiSelect(2);
add(multiDatePicker);

生成以下 javascript 代码：

$('#startDate').datepick({multiSelect: 999, showTrigger: '/Calendar.png', dateFormat: 'dd/mm/yyyy', onDate: function(date, current) { /*I used this callback function to only allow certain dates to be selected by the user.*/}});

祝你好运！