我如何在反应中使用 DateInput 获取日期格式，如 MM/dd/yyyy - admin答案

【问题标题】：How can i get date format like MM/dd/yyyy using DateInput in react - admin我如何在反应中使用 DateInput 获取日期格式，如 MM/dd/yyyy - admin
【发布时间】：2020-11-07 15:30:55
【问题描述】：

const dateFormatter = v => {
    if (!(v instanceof Date) || isNaN(v)) return;
    const pad = '00';
    const yy = v.getFullYear().toString();
    const mm = (v.getMonth() + 1).toString();
    const dd = v.getDate().toString();
    return `${(pad + mm).slice(-2)}-${(pad + dd).slice(-2)}-${yy}`;
};
const dateParser = v => {
    const match = /(\d{2})-(\d{2})-(\d{4})/.exec(v);
    if (match === null) return;
    const d = new Date(match[1], parseInt(match[2], 10) - 1, match[3]);
    if (isNaN(d)) return;
    return d;
};

<DateInput
    className="location-input" label="Purchase Date" source="PurchaseDate" 
    format={dateFormatter} parse={dateParser} validate={required()} 
/>

我正在使用这种格式，但没有得到这样的 MM/dd/yy 但我只得到 dd/MM/yy 请给出一些解决方案。

【问题讨论】：

我建议你使用momentjs或dayjs来格式化你的日期格式和解析方法来格式化你的日期。容易得多。
我不需要当前日期和时间，我需要选择日期选择器格式，先生。

标签： react-admin

【解决方案1】：

使用momentjs，您可以使用

const dateParser = date => {
    if (!(date instanceof Date) || isNaN(date)) return;
    return moment(date).format('MM/DD/YY');
};

另外，react-admin DateInput 来自https://github.com/vascofg/react-admin-date-inputs，所以按照文档，你应该可以这样做

<DateInput options={{ format: 'MM/DD/YY' }} />

【讨论】：