如何解决如何使用时间戳设置日期选择器的值
我正在使用日期选择器,我想使用时间戳对象设置其值,使用 new Date()
分配其初始值
const [date,setDate] = useState(new Date());
<DatePicker
selected={date}
onChange={(date) => setDate(date)} />
如果我想将此对象用作日期选择器的初始日期
timestamp: {seconds: 1627282008,nanoseconds: 285000000}
那么我如何将其转换为日期。这个对象数据如何给我在日期选择器中设置的日期。
解决方法
下面的代码将解决您的问题;
const [date,setDate] = useState(new Date(timestamp.seconds*1000));
,
您可以使用:new Date(timestamp.seconds * 1000 + timestamp.nanoseconds / 1000000000)
来实现您的目标。所以你的组件将与下面相同:
import "react-datepicker/dist/react-datepicker.css";
import DatePicker from "react-datepicker";
import { useState } from "react";
export default function App() {
const timestamp = { seconds: 1627282008,nanoseconds: 285000000 };
let timeStampInDate = new Date(timestamp.seconds * 1000 + timestamp.nanoseconds / 1000000000);
const [startDate,setStartDate] = useState(timeStampInDate);
return (
<DatePicker
className="form-control"
selected={startDate}
onChange={(date) => setStartDate(date)}
dateFormat="dd/MM/yyyy"
/>
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。