如何在react-admin中使用DateInput获得MM/dd/yyyy这样的日期格式 const dateFormatter=v=>{ 如果（！（v instanceof Date）| isNaN（v））返回； 常数pad='00'； const yy=v.getFullYear（）.toString（）； 常量mm=（v.getMonth（）+1.toString（）； const dd=v.getDate（）.toString（）； 返回`${（pad+mm）.slice（-2）}-${（pad+dd）.slice（-2）}-${yy}`； }; const dateParser=v=>{ 常量匹配=/（\d{2}）-（\d{2}）-（\d{4}）/.exec（v）； if（match==null）返回； const d=新日期（匹配[1]，parseInt（匹配[2]，10）-1，匹配[3]）； 如果（isNaN（d））返回； 返回d； };

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

使用

momentjs

，您可以通过

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()} 
/>

此外，react admin DateInput来自，因此在文档之后，您应该可以这样做

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

我建议您使用

momentjs

或

dayjs

以格式化的方式格式化日期，并使用parse方法格式化日期。更简单。我不需要当前的日期和时间，我需要选择datepicker格式，先生。

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