关于为react-native-date-picker的'date'模式添加星期显示的需求（Android）

方法一：自定义星期显示（无需修改库源码）
在DatePicker组件外部额外渲染一个文本元素，根据选中的日期计算并展示星期：

1. 编写日期格式化函数（原生JS实现，适配多语言）：

const getWeekdayText = (date, locale) => {
  // 根据指定locale返回完整星期文本，比如中文返回"星期一"，英文返回"Monday"
  return date.toLocaleDateString(locale, { weekday: 'long' });
};

2. 在组件中组合渲染：

<>
  <DatePicker
    mode='date'
    style={{ alignSelf: 'center' }}
    open={isVisible}
    date={date}
    minimumDate={new Date()}
    theme='auto'
    is24hourSource='device'
    locale={i18n.language}
    onDateChange={(changedDate) => setDate(changedDate)}
    onStateChange={state => setState(state)}
  />
  {/* 自定义星期显示，可根据需求调整样式 */}
  <Text style={{ alignSelf: 'center', marginTop: 8, fontSize: 14, color: '#666' }}>
    {getWeekdayText(date, i18n.language)}
  </Text>
</>

方法二：修改Android原生源码（在选择器内部显示星期）
如果需要让星期直接显示在选择器的日期面板内，可调整库的Android原生代码：

1. 找到项目依赖中的文件：node_modules/react-native-date-picker/android/src/main/java/com/henninghall/datepicker/DatePickerManager.java
2. 定位到处理date模式的逻辑块，替换原日期格式设置：

   // 找到mode为date的判断分支，替换格式设置
   if (mode.equals("date")) {
       // 自定义包含星期的日期格式，可根据需求调整格式字符串
       SimpleDateFormat sdf = new SimpleDateFormat("EEEE, yyyy年MM月dd日", locale);
       datePicker.setFormatter(new DateFormatter() {
           @Override
           public String format(long timestamp) {
               return sdf.format(new Date(timestamp));
           }
       });
   }
   

3. 修改完成后重新编译项目，即可在date模式的选择器内看到包含星期的日期显示

注意：直接修改node_modules文件会在依赖更新后丢失，建议使用patch-package工具保存修改，或者fork该库并维护自定义版本。

内容的提问来源于stack exchange，提问作者Dmitry