React Native中如何用DayJs按指定分钟数取整时间修正差值误差？

你遇到的问题是因为DateTimePicker返回的时间包含秒、毫秒级精度，导致计算时间差时出现非预期小数。可以通过两种方式解决：从选择源头限制时间步长，或者对选中的时间做5分钟取整处理。

方法一：直接限制DateTimePicker的可选时间步长 #

@react-native-community/datetimepicker 自带minuteInterval属性，设置为5后，选择器只能显示间隔5分钟的时间选项，从根源避免非整5分钟的时间：

import DateTimePicker from '@react-native-community/datetimepicker';
import dayjs from 'dayjs';

// 组件中DateTimePicker的示例用法
<DateTimePicker
  value={selectedTime}
  mode="time"
  onChange={handleTimeChange}
  minuteInterval={5} // 强制只能选择0、5、10...分钟的时间
/>

方法二：对选中的时间进行5分钟取整处理 #

如果需要保留选择器的自由选择功能，可手动对时间做取整，用Day.js编写取整函数，支持三种取整逻辑：

向下取整（例：8:02→8:00，8:06→8:05） #

const roundDownTo5Minutes = (date) => {
  const dt = dayjs(date);
  const roundedMinutes = Math.floor(dt.minute() / 5) * 5;
  return dt.set('minute', roundedMinutes).set('second', 0).set('millisecond', 0);
};

四舍五入（例：8:02→8:00，8:03→8:05） #

const roundTo5Minutes = (date) => {
  const dt = dayjs(date);
  const roundedMinutes = Math.round(dt.minute() / 5) * 5;
  return dt.set('minute', roundedMinutes).set('second', 0).set('millisecond', 0);
};

向上取整（例：8:01→8:05，8:05→8:05） #

const roundUpTo5Minutes = (date) => {
  const dt = dayjs(date);
  const roundedMinutes = Math.ceil(dt.minute() / 5) * 5;
  return dt.set('minute', roundedMinutes).set('second', 0).set('millisecond', 0);
};

在DateTimePicker的回调中使用取整函数处理选中时间：

const handleTimeChange = (event, selectedDate) => {
  if (selectedDate) {
    // 根据需求选择对应的取整函数
    const processedDate = roundDownTo5Minutes(selectedDate);
    setSelectedStartTime(processedDate); // 存入状态供后续计算使用
  }
};

计算处理后的时间差 #

用取整后的时间计算时长并扣除45分钟休息时间：

const calculateWorkingHours = (startTime, endTime) => {
  // 计算时间差（单位：分钟）
  const totalMinutes = endTime.diff(startTime, 'minute');
  // 扣除休息时间后转换为小时
  const workingHours = (totalMinutes - 45) / 60;
  return workingHours;
};

比如你提到的异常案例：
原时间2023-07-04T08:00:58.183Z和2023-07-04T16:00:05.200Z，取整后变为2023-07-04T08:00:00.000Z和2023-07-04T16:00:00.000Z，计算后得到(480-45)/60=7.25小时，符合预期。

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