Javascript 带有Formik的物料UI选择器,用于日期和时间组件(带秒)
我目前正在与Formik一起开发一个React应用程序,它需要使用日期和时间选择器。我正在使用Material UI构建应用程序,并一直在查看Material UI选取器 由于我不熟悉React/Formik/Material UI,我有以下问题:Javascript 带有Formik的物料UI选择器,用于日期和时间组件(带秒),javascript,reactjs,datepicker,material-ui,formik,Javascript,Reactjs,Datepicker,Material Ui,Formik,我目前正在与Formik一起开发一个React应用程序,它需要使用日期和时间选择器。我正在使用Material UI构建应用程序,并一直在查看Material UI选取器 由于我不熟悉React/Formik/Material UI,我有以下问题: 由于我需要维护用户提供的所有日期/时间的状态,是否可以将材料UI选择器与Formik一起使用 当涉及到用户输入日期和时间时,我有一种情况,即用户需要同时输入日期和时间,但采用24小时格式,还需要包括秒,即 我想要的格式是:DD/MM/yyyyy
DD/MM/yyyyy HH24:MI:SS
从我在那里的演示中看到的,我没有看到添加秒数的功能,这在材质UI选择器中可能吗
HH24:MI:SS
我想我主要关心的是,如何允许用户也提供所需的秒数?最好的方法是分别使用DatePicker(用于设置日期)和Timepicker(提供秒数功能以及小时和分钟设置),您可以在Formik中使用材质UI选择器,我已经把它放在一个沙箱中,你可以参考它来实现
我会看一看,然后再回来问你一个问题,希望这是可能的,但当我只是单独使用
时,选择小时:分钟:秒
,然后按OK,在Formik中,该字段的值还包括开头的日期部分。根据我的要求,我只想存储时间部分,而不存储日期。这可能吗?你能分享你得到的日期格式吗?我选择了所需的时间,在这个例子中,它是:20:45:19
,当我按OK时,它返回:“2021-04-20T10:45:19.838Z”
,正如你所看到的,它会在今天的日期之前加上前缀,但我只想要时间。我也不确定返回的时间是否为标准日期格式,您可以使用此函数获取小时数、分钟数和秒数(“2021-04-20T10:45:19.838Z”)。getHours var minutes=新日期(“2021-04-20T10:45:19.838Z”)。getMinutes var seconds=新日期(“2021-04-20T10:45:19.838Z”)。getSeconds