Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有Formik的物料UI选择器,用于日期和时间组件(带秒)_Javascript_Reactjs_Datepicker_Material Ui_Formik - Fatal编程技术网

Javascript 带有Formik的物料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

我目前正在与Formik一起开发一个React应用程序,它需要使用日期和时间选择器。我正在使用Material UI构建应用程序,并一直在查看Material UI选取器

由于我不熟悉React/Formik/Material UI,我有以下问题:

  • 由于我需要维护用户提供的所有日期/时间的状态,是否可以将材料UI选择器与Formik一起使用

  • 当涉及到用户输入日期和时间时,我有一种情况,即用户需要同时输入日期和时间,但采用24小时格式,还需要包括秒,即

  • 我想要的格式是:
    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