Material UI DatePicker不显示React Js中的更新时间
Material UI DatePicker是一个React组件库中的日期选择器组件，它提供了一个用户友好的界面，用于选择日期。
在React Js中，当使用Material UI DatePicker组件时，如果更新时间没有显示，可能是由于以下原因：
- 组件未正确引入：请确保已正确引入Material UI DatePicker组件，并且组件的路径和命名没有错误。
- 组件未正确渲染：请确保在组件的render方法中正确渲染了Material UI DatePicker组件，并且传递了正确的props。
- 日期格式错误：Material UI DatePicker组件默认使用ISO 8601日期格式（YYYY-MM-DD），如果更新时间没有显示，可能是因为传递给组件的日期格式不正确。请确保传递给组件的日期格式与组件要求的格式一致。
- 组件未正确绑定值：Material UI DatePicker组件需要通过value属性来绑定日期值。请确保正确地将更新时间的值传递给组件的value属性。
- 组件样式问题：有时候，组件的样式可能会导致更新时间不显示。请确保组件的样式没有被其他样式覆盖或修改。
对于以上问题，可以参考以下解决方法：
- 确认组件引入和命名是否正确，并检查组件路径是否正确。
- 确认在组件的render方法中正确渲染了Material UI DatePicker组件，并传递了正确的props。
- 确认传递给组件的日期格式与组件要求的格式一致。
- 确认正确地将更新时间的值传递给组件的value属性。
- 检查组件的样式是否有问题，可以尝试使用默认样式或调整样式以解决问题。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。您可以根据具体需求选择适合的产品。以下是腾讯云相关产品的介绍链接：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。如有需要，请参考相关文档或咨询相关技术支持人员获取更准确的解决方案。
相关·内容
1回答
Material UI DatePicker不显示React Js中的更新时间
javascript、reactjs、datepicker、material-ui、datetime-format
我正在为我的应用程序使用Material UI KeyboardDatePicker，当我选择一个日期并在第一次选择时console.log它时，日期和时间将正确显示，但如果我等待1-2分钟并选择另一个日期，日期将被更新，但时间将与第一次选择相同。例如，如果我选择3月26日，日期将显示为星期五Mar 24 2021 17:49:00 GMT-0400，如果我等待2分钟并选择3月27日，日期将是2021年3月24日星期六，但时间仍为17
浏览 51提问于2021-03-25得票数 0
回答已采纳
1回答
结合使用Material-ui和Electron
javascript、node.js、reactjs、electron、material-ui
我正在用React构建一个电子应用程序，并尝试使用Material-UI作为UI元素。我向一个组件添加了一个日期选择器和时间选择器，输入显示在电子应用程序中，但是当你点击它时，什么也没有发生。我不确定为了让它正常工作我错过了什么import React, { Component } from 'react';
import DatePicker from 'materi
浏览 2提问于2016-10-06得票数 1
1回答
如何呈现材料-ui输入控件而不是材料的文本字段.ui-数据报警器
javascript、reactjs、typescript、material-ui、react-tsx
在我的React (v16.3)应用程序中，我使用物料ui选择器库的DatePicker组件来呈现日期选择器控件。此组件呈现材质-UI 组件。我喜欢改变这一点，这样它只呈现一个材质UI ，而不使用TextField呈现的铬。<DatePicker TextFieldComponent={...<HOW_TO> ...}更新：通过找到正确<e
浏览 0提问于2018-04-18得票数 14
回答已采纳
3回答
资料表中的数据选择器本地化(资料用户界面)
javascript、reactjs、datepicker、localization、material-ui
是否有人知道如何在资料表(Material)中进行数据选择器的本地化？在本例中，筛选时使用日期选择器。import React from 'react'; return (
浏览 3提问于2020-03-25得票数 0
1回答
reactjs .模拟时间显象器的数字时间选择器
reactjs、material-ui、timepicker
我的时间选择器看起来是这样的：
我想在数字模式下显示它，像这样：
我的代码：importDateTimePicker from 'libs/DateTimePicker';
import DatePickerDialog from 'mat
浏览 0提问于2018-05-23得票数 0
2回答
Mocking @material- Jest中的ui/选择器
reactjs、unit-testing、testing、jestjs、material-ui
('@material-ui/pickers');
...actual,import React from 'react';
const actual = j
浏览 23提问于2020-05-14得票数 1
3回答
如何从日期选择器中获取日期并显示在表中？材料-UI。ReactJS
javascript、html、reactjs、material-ui
我使用日期选择组件的材料-用户界面的反应JS。我想在桌子上显示选定的日期。日期是一个对象，当试图在表行中显示时，我有一个错误。怎么做？import React, { Component } from 'react';import {
浏览 8提问于2017-12-18得票数 3
回答已采纳
1回答
如何自定义日历标题文本格式(资料UI v5 - DatePicker)
reactjs、material-ui
我想在Material中更改日历顶部显示的字符串的格式。有办法这样做吗？React和Material正在使用以下版本。"17.0.1""@material-ui/core"："5.0.0-beta.0""@material-ui/lab"："5.0.0-alpha.39"
浏览 6提问于2021-08-05得票数 1
回答已采纳
2回答
材料用户界面DatePicker可以使用类似组件而没有对话框？
reactjs、material-ui
我想在Material中使用DatePicker，我希望它总是显示在模板中，但是DatePicker的缺省值是集中在Textfield并显示对话框。是否可以不使用对话框和焦点Textfield来显示DatePicker。让它总是在呈现显示中显示DatePicker组件吗？
浏览 5提问于2017-11-19得票数 1
回答已采纳
0回答
我需要安装react-tap-event-plugin才能使日期选择器在浏览器中工作吗？
reactjs、material-design、redux、react-redux、material-ui
所以我有一个问题，运行这个code...in我的浏览器。它也不例外..import DatePicker from 'material-ui/DatePicker';
return ( <DatePicker hintTe
浏览 3提问于2016-07-01得票数 0
回答已采纳
2回答
用于java应用程序的资料-用户界面？
twitter-bootstrap、spring-mvc、reactjs、spring-boot、material-ui
我想知道是否可以在java应用程序中使用Material？我想使用React的前端(桌面和移动)。在资料-UI的文档中，它写到我们需要npm。本教程：吗？
是不是该走的路？
浏览 1提问于2017-01-19得票数 0
3回答
成形材料用户界面控制的DatePicker
reactjs、material-ui、redux-form
我不能用DatePicker作为控制单元。我打算从一开始就产生今天的日期。这是我的密码：import { Field, reduxForm } from 'redux-form';
class PeriodForm extends <
浏览 6提问于2017-04-13得票数 0
回答已采纳
1回答
在物料UI maxDate组件中设置DatePicker
javascript、reactjs、material-ui
我一直在努力让材料UI DatePicker组件上的DatePicker支柱按预期工作。也就是说，maxDate被禁用后的日期。我的用例要求将maxDate设置为当前Date()中的+60 days，然后禁用日期。
请看我的答案，一个解决方案，正在我的一端工作。
浏览 10提问于2022-08-09得票数 1
回答已采纳
2回答
TypeError: utils.endOfDay不是一个函数
reactjs、datepicker、material-ui
我是新的反应，使用材料-用户界面数据选择器在我的项目，从文档。在这里，我使用的是moment.js import React,{ useState } from 'react'; } from "@material-ui/pickers";
function
浏览 2提问于2019-08-23得票数 5
回答已采纳
2回答
在TextField中使用日期类型时，如何显示值？
reactjs、typescript、material-ui
我正在使用来自material-ui的material-ui，我希望在TextField中显示当前日期，并允许用户选择另一个日期。如果可能的话？value={date}在使用type="date"时不会出现在TextField中。我试着在网上寻求帮助，但什么也找不到。代码如下：
，，任何帮助都是非常感谢的！提前谢谢。import React, { useState } from '<em
浏览 0提问于2020-04-16得票数 2
回答已采纳
1回答
React子组件在重新渲染时丢失动画
reactjs、typescript、material-ui、css-transitions、react-props
我有一个使用Material UI的React应用程序，下面显示了一个组件(我们可以将其称为DatePicker)，出于演示目的，它被偷偷地更改了一下。
Material UI以动画形式显示单击以及与其组件的其他交互。当点击一个已经被选中的单选按钮，或者一个不改变状态的“时间按钮”时，这个动画在上面是可见的。这是一个React</
浏览 0提问于2020-01-17得票数 2
1回答
升级Material-ui 0.10.1至0.17，出现数百个错误
reactjs、webpack、material-ui
看起来这些版本之间有了巨大的变化，我们实际上必须升级40个库来升级React.js，而material-ui是给我们带来最多问题的一个。Module not found: Error: Can't resolve 'material
浏览 13提问于2017-03-11得票数 0
回答已采纳
1回答
date和time连接react Js中的值
javascript、reactjs
如何在react js中连接日期和时间值。对于日期和时间选择，我使用material UI datepicker和time picking来选择日期和时间，这是我的示例代码。
浏览 15提问于2017-07-19得票数 0
1回答
material-ui-pickers示例: TypeError: Object(...)不是函数
javascript、reactjs、material-ui
我正在尝试使用一个纯项目并遵循这里描述的安装和使用步骤来设置最基本的material UI选择器示例：https://material-ui-pickers.dev/ 我得到以下错误： TypeError/node_modules/@material-ui/pickers/dist/material-ui-pickers.esm.
浏览 25提问于2019-05-10得票数 5
回答已采纳
3回答
如何在单击输入字段时打开mui KeyboardDatePicker对话框？
reactjs、material-ui
目前发生的事情是，日期选择器是只打开当你点击日历图标，但我需要它打开时，输入字段被单击和当日历图标被单击。我发现有一个onclick道具，但我不知道如何添加函数来触发对话框打开。以下是我的代码 <KeyboardDatePicker
variant="inline"
浏览 0提问于2020-05-18得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
