如何限制 ExtJS DatePicker 中的两个日期？

Question

我在 ExtJS4 中有一个 DatePicker。我只想允许每个月有两个日期。第 15 天和最后一天（30/31/28/29，取决于月份/年份）

我如何禁用选择器中的每一天，但允许这两个日期？

Answer 1

Ext.form.field.Date 的 disabledDates 配置选项

请参阅API 文档中

：

disabledDates : String[] 要禁用的“日期”数组，作为字符串。
这些字符串将用于构建动态正则表达式，因此
他们非常强大。一些例子：

// 禁用这些确切日期：
禁用日期：[“03/08/2003”，“09/16/2003”]
// 每年禁用这些天：
禁用日期：[“03/08”，“09/16”]
// 仅匹配开头（如果您使用短年份则很有用）：
禁用日期：[“^03/08”]
// 禁用 2006 年 3 月的每一天：
禁用日期：[“03/../2006”]
// 禁用每年三月的每一天：
禁用日期：[“^03”]

请注意，数组中包含的日期格式应准确无误
匹配格式配置。为了支持正则表达式，if
您使用的日期格式包含“.”在其中，你必须
限制日期时转义点。例如：[“03\.08\.03”]。

Answer 2

//Get the last date of the month. If in Feb 2012, lastDate is 29.
var lastDate = Ext.Date.getDaysInMonth(new Date());
//15th 
var middleDate = 15;

//Construct regular expression
var disabledArray=[];
var today = Ext.Date.format(new Date(), 'm/d/Y');
var dateReg = /(\d{2}\/)\d{2}(\/\d{4})/;
disabledArray.push(today.replace(dateReg, '$1' + middleDate + '$2'));
disabledArray.push(today.replace(dateReg, '$1' + lastDate + '$2'));

//Something like "^(?!02/15/2012|02/29/2012).*$" including the two days allowed.
var disabledReg = '^(?!' + disabledArray.join('|') + ').*
;

//Apply the regular expression to date field
var dateField = new Ext.form.field.Date({
    format: 'm/d/Y',
    disabledDates: [disabledReg]
});