试用了 react-datepicker

首先

我把学到的知识记录下来作为输出。我目前正在学习编程但没有实际工作经验,因此可能会在技术内容等方面存在错误,如有不当描述,请在评论中告知,感激不尽。

为了发布非发布日期的帖子,我使用了以下的库。

 

npm install react-datepicker --save
npm install --save @types/react-datepicker
import DatePicker, { registerLocale } from "react-datepicker"
import "react-datepicker/dist/react-datepicker.css"
//日本語の設定
import ja from 'date-fns/locale/ja';

const page = () => {
// 今日の日付を定義
 const initialDate = new Date();
 const [date, setDate] = React.useState(initialDate);
registerLocale('ja', ja);

 return (
    <>
{/*Stateをユーザーが選択した日付か今日の日付*/}
    <DatePicker 
        dateFormat="yyyy/MM/dd"
        selected={date}
        locale='ja'
        onChange={selectedDate => {setDate(selectedDate || initialDate)}} 
    />
   :

请提供以下原文,我将为您进行中文翻译和改写。

 

广告
将在 10 秒后关闭
bannerAds