小编Bra*_*ute的帖子

我正在开发一个 React 应用程序，使用 React Hook Form、Material UI 和 Luxon 进行日期解析。

我已经制作了许多可重用的表单字段，并且一切都很好，但在 DatePickers 和输出格式方面遇到了一些麻烦。

基本上，我想获取输出的 DatePicker 和 TimePicker 的值并正确格式化它以发送到后端。

我有以下组件：

日期选择器：

import React from "react";
import PropTypes from "prop-types";
import {Controller, useFormContext} from "react-hook-form";
import DatePicker from '@mui/lab/DatePicker';
import DateAdapter from '@mui/lab/AdapterLuxon';
import LocalizationProvider from '@mui/lab/LocalizationProvider';
import TextInput from "../TextInput/TextInput";

export const DATE_INPUT_FORMAT = "MM/dd/yyyy";

export const DateInput = ({name, label, defaultValue, ...props}) => {
    const {control, register, formState: {errors}} = useFormContext();
    return (
        <Controller
            name={name}
            control={control}
            render={({field}) => (
                <LocalizationProvider …