表单中实现自定义日期可选区间

能力免费版轻享版专业版专属版页面JS代码不支持不支持支持支持1. 功能概述用户可以通过宜搭中的「动作面板」去写 JS 代码，从而实现自己的业务逻辑或逻辑判断。通过动作面板，您可以「更加方便的组织和复用代码」、「实现复杂交互」。JS 面板注意：通过JS面板编写的逻辑一般情况下是不会对历史数据生效...

https://docs.aliwork.com/docs/yida_support/lbtl0t/ocmxyv

1. 使用场景

借助自定义校验函数或宜搭 JSAPI 我们可以实现一些复杂的自定义日期可选区间，本例学习一下在宜搭中如何实现自定义日期可选区间。

2. 实现功能

2.1. 表单配置

2.2. 配置自定义日期可选区间函数

将下述函数拷贝至页面 JS 中。

/**
* 可选日期为前（后） n 天含（不含）今天
* @param current：monentObj
* @param dayNum：Number 多少天
* @param isBefore：Boolean 前（后）多少天，true（前），false（后）
* @param isIncludeToday：Boolean 是否包含今天，true（包含），false（不包含）
*/
export function canSelectDateBeforeOrAfterAnyDays(current, dayNum, isBefore = true, isIncludeToday = true) {
  if (isBefore) {
    return current < (isIncludeToday ? Date.now() - 24 * 3600 * 1000 * dayNum
      : Date.now() - 24 * 3600 * 1000 * (+dayNum + 1))
      || current > (isIncludeToday ? Date.now() : Date.now() - 24 * 3600 * 1000);
  }
  return current < (isIncludeToday ? Date.now() - 24 * 3600 * 1000 : Date.now())
    || current > Date.now() + 24 * 3600 * 1000 * (isIncludeToday ? (dayNum - 1) : dayNum);
}

/**
* 可选日期为周 n
* @param current：monentObj
* @param weekNumList：Array[Number] 可选的日期周数，不传默认均可选，周一 - 周六（1 - 6），周日（0）
*/
export function canSelectDateOfAnyWeek(current, weekNumList = []) {
  return weekNumList.length ? !weekNumList.includes( new Date(current).getDay()) : false;
}

2.3. 日期组件中使用

// 可选日期为前14天（含今天）
export function disabledDateOne(current) {
  return this.canSelectDateBeforeOrAfterAnyDays(current, 14, true, true);
}

// 可选日期为前14天（不含今天）
export function disabledDateTwo(current) {
  return this.canSelectDateBeforeOrAfterAnyDays(current, 14, true, false);
}

// 可选日期为后14天（含今天）
export function disabledDateThree(current) {
  return this.canSelectDateBeforeOrAfterAnyDays(current, 14, false, true);
}

// 可选日期为后14天（不含今天）
export function disabledDateFour(current) {
  return this.canSelectDateBeforeOrAfterAnyDays(current, 14, false, false);
}

// 可选日期为周一、周三或周日
export function disabledDateFive(current) {
  return this.canSelectDateOfAnyWeek(current, [1, 3, 0]);
}

// 可选日期为前14天（含今天）且日期为周一、周三或周日
export function disabledDateSix(current) {
  return this.canSelectDateBeforeOrAfterAnyDays(current, 14, true, true)
    || this.canSelectDateOfAnyWeek(current, [1, 3, 0]);
}

// 可选日期为后14天（含今天）且日期为周一、周三或周日
export function disabledDateSeven(current) {
  return this.canSelectDateBeforeOrAfterAnyDays(current, 14, false, true)
    || this.canSelectDateOfAnyWeek(current, [1, 3, 0]);
}