【问题标题】:jQuery UI Datepicker enable only specific days in arrayjQuery UI Datepicker 仅启用数组中的特定日期
【发布时间】:2011-12-04 06:59:00
【问题描述】:

我正在尝试禁用日期选择器中的所有日期,并且仅启用数组中的日期。这是我目前拥有的代码http://jsfiddle.net/peter/yXMKC/ 问题只是 5 月 14 日显示为启用。其他人都是残疾人。有任何想法吗?

var availableDates = ["9-5-2011","14-5-2011","15-5-2011"];

function available(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, availableDates) == 1) {
    return [true, "","Available"];
  } else {
    return [false,"","unAvailable"];
  }
}

$('#date').datepicker({ beforeShowDay: available });

【问题讨论】:

  • $.inArray 将返回该值在数组中的位置(从0开始),如果该值不在数组中,则返回-1

标签: jquery jquery-ui datepicker


【解决方案1】:

$.inArray(dmy, availableDates) 返回元素的索引,因此当您与 1 比较时,只有 14-5-2011 会匹配。检查不等于 -1。应该可以。

小提琴 - http://jsfiddle.net/yXMKC/4/

var availableDates = ["9-5-2011","14-5-2011","15-5-2011"];

function available(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  console.log(dmy+' : '+($.inArray(dmy, availableDates)));
  if ($.inArray(dmy, availableDates) != -1) {
    return [true, "","Available"];
  } else {
    return [false,"","unAvailable"];
  }
}

【讨论】:

  • 我想问你我是否添加了另一个日期,比如“22-10-2014”,而其他日期将不起作用。它只会显示选定的日期如何处理这个
  • 非常适合我!
猜你喜欢
  • 1970-01-01
  • 2012-04-02
  • 2010-10-15
  • 1970-01-01
  • 2012-03-17
  • 2021-01-28
  • 2019-04-25
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多