微信小程序日期只允许选择某2天日期，其他不能选择？

要实现微信小程序中日期选择器限制用户只能选择昨天和今天的日期，可以通过 my.datePicker 接口的参数配置来完成。以下是详细的实现步骤和代码示例：

1. 配置日期范围

根据需求，您需要动态计算当前日期（今天）和前一天（昨天），并将这两个日期设置为 startDate 和 endDate 参数的值。这样可以确保用户只能选择昨天和今天的日期。

2. 实现步骤

2.1 动态计算日期

在 JavaScript 中，使用 Date 对象动态获取当前日期和前一天的日期，并将其格式化为 yyyy-MM-dd 格式。

function getFormattedDate(date) {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需加1
  const day = String(date.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

// 获取今天的日期
const today = new Date();
const todayFormatted = getFormattedDate(today);

// 获取昨天的日期
const yesterday = new Date();
yesterday.setDate(today.getDate() - 1); // 当前日期减1天
const yesterdayFormatted = getFormattedDate(yesterday);

2.2 调用 my.datePicker 接口

将动态计算的日期范围传递给 my.datePicker 的 startDate 和 endDate 参数，限制用户只能选择昨天和今天的日期。

Page({
  datePicker() {
    // 动态计算日期范围
    const today = new Date();
    const yesterday = new Date();
    yesterday.setDate(today.getDate() - 1);

    const todayFormatted = getFormattedDate(today);
    const yesterdayFormatted = getFormattedDate(yesterday);

    // 调用日期选择器
    my.datePicker({
      format: 'yyyy-MM-dd', // 返回的日期格式
      currentDate: todayFormatted, // 初始选择的日期，默认为今天
      startDate: yesterdayFormatted, // 最小可选日期，昨天
      endDate: todayFormatted, // 最大可选日期，今天
      success: (res) => {
        my.alert({
          title: '选择的日期',
          content: res.date, // 用户选择的日期
        });
      },
      fail: () => {
        my.showToast({
          content: '日期选择失败',
        });
      },
    });
  },
});

// 辅助函数：格式化日期
function getFormattedDate(date) {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

3. 页面结构与样式

3.1 WXML 文件

在页面中添加一个按钮，用于触发日期选择器。

<view class="page">
  <view class="page-section">
    <button type="primary" onTap="datePicker">选择日期</button>
  </view>
</view>

3.2 WXSS 文件

调整按钮样式以提升用户体验。

button {
  margin-top: 20rpx;
}

4. 注意事项

• 实时更新：每次用户登录时，动态计算当天和前一天的日期，确保日期范围始终是最新的。
• 错误处理：在 fail 回调中处理可能的异常情况，例如用户取消操作或接口调用失败。
• 兼容性：确保您的小程序运行环境支持 my.datePicker 接口（适用于 mPaaS 10.1.32 及以上版本）。

5. 总结

通过上述方法，您可以轻松实现微信小程序中日期选择器的日期范围限制功能。核心在于动态计算日期范围并将其传递给 my.datePicker 接口的 startDate 和 endDate 参数。