如何从matirial ui的TextField中删除默认的mm/dd/yyyy？
从Material-UI的TextField中删除默认的mm/dd/yyyy日期格式，可以通过以下几种方法实现：
- 使用InputProps属性： 可以通过设置TextField组件的InputProps属性，将inputProps对象中的placeholder属性设置为空字符串，从而删除默认的日期格式。示例代码如下：
import TextField from '@material-ui/core/TextField';
<TextField
label="Date"
type="date"
InputLabelProps={{
shrink: true,
}}
InputProps={{
placeholder: '',
}}
/>- 使用InputAdornment组件： 可以使用InputAdornment组件作为TextField的endAdornment属性，将其设置为空字符串，以删除默认的日期格式。示例代码如下：
import TextField from '@material-ui/core/TextField';
import InputAdornment from '@material-ui/core/InputAdornment';
<TextField
label="Date"
type="date"
InputLabelProps={{
shrink: true,
}}
InputProps={{
endAdornment: <InputAdornment position="end"></InputAdornment>,
}}
/>- 使用自定义样式： 通过自定义样式，将默认的日期格式隐藏或修改为其他格式。可以使用CSS样式或者通过styled-components等库来实现。示例代码如下：
import TextField from '@material-ui/core/TextField';
import { withStyles } from '@material-ui/core/styles';
const CustomTextField = withStyles({
root: {
'& .MuiInputBase-input[type="date"]::-webkit-calendar-picker-indicator': {
display: 'none',
},
},
})(TextField);
<CustomTextField
label="Date"
type="date"
InputLabelProps={{
shrink: true,
}}
/>以上是几种常用的方法来从Material-UI的TextField中删除默认的mm/dd/yyyy日期格式。根据具体需求和项目情况，可以选择适合的方法进行实现。
相关·内容
我正在使用material-ui，我想做一个datetime-picker。如果用户没有选择任何东西，我希望只看到标签"Date"，但正如你在下面的图片中看到的，有一些默认的mm/dd/yyyy字符。有什么方法可以去掉它们吗？ 由于这些字符，您几乎看不到标签： ?， 单击后，标签显示为up(我想要的)，但同样，我看到的是mm/dd/
浏览 16提问于2021-07-19得票数 1
1回答
我一直试图在material中获得currentDate，这是我设法得到的和日期的onClick，我们得到了当前日期，但是默认的显示显示为dd/mm/yyyy，而不是显示确切的日期。我希望显示日期而不是dd/mm/yyyy。这里是material中修改的代码，下面是到代码框的链接
impo
浏览 0提问于2018-09-01得票数 2
回答已采纳
我想在材料UI中从DesktopDatePicker中删除标签。我删除了标签支柱，并实现了这一点，但现在占位符文本移动较低。由于某些原因，这种情况不会发生在默认(概述)变体中。我想使用填充变体和实现相同的组成。以下是移除标签后的样子：对于概述的变体，它看起来如下：这是我的密码：
浏览 8提问于2022-10-05得票数 0
回答已采纳
2回答
我正在使用资料ui的日期选择器。
数据报警器的默认格式是MM-dd-yyyy (02-23-2022)。我想将默认格式更改为`例如。(23-02-2022)。为了使它以正确的格式显示，我使用了inputFormat。但是，我注意到onChange值仍然是一个对象，因此我使用了适配器date-fns中的format函数来格式化该值，然后将其存储在状态中。但是，尽管控制台记录正确<e
浏览 4提问于2022-02-23得票数 0
我使用React作为我的前端，Rails作为我的后端。我试图通过表单提交materialUI DateTimePicker的值，但只有当我更改默认DateTimePicker的值时才有效，但当我只提交默认值(即当前DateTime )的表单时，它就不能工作AdapterDateFns}> renderInput={(params) => (
浏览 4提问于2021-12-13得票数 0
1回答
如何从我的Joined on MM DD, YYYY公共配置文件中删除PyPI？大多数帐户都有Joined on MM DD, YYYY。默认情况下，新帐户显示它。
(4个项目)有Joined on May 22, 2016 (12个项目)没有Joined on MM DD<
浏览 0提问于2019-01-25得票数 1
在mdbootstrap datepicker1中，需要格式化的(yyyy-mm-dd / yyyy/mm/dd)，而不是字符串格式化的日期，如‘12月1日，2020’。如何使用jquery从隐藏的输入字段中获取它？onchange="getdate()" >
<label for=&quo
浏览 2提问于2021-01-02得票数 0
有没有办法让Material-UI的DatePicker值成为String而不是Date Object？我只想让YYYY-MM-DD作为日期值。现在我要做的是在把它发送到服务器之前对其进行编辑。
浏览 4提问于2017-02-16得票数 0
2回答
但我不明白如何通过js从服务器设置初始值。我从服务器以格式接收值：但是，我设置默认日期的所有尝试都失败了： format: 'YYYY-MM-DDformat: 'YYYY-MM-DD HH:mm:ss',
defaultDate:
浏览 6提问于2015-12-17得票数 1
回答已采纳
4回答
useState } from "react"; KeyboardDatePicker,} from "@material-uivariant="inline" label="With keyboard"
format="MM/dd/yyyy</
浏览 11提问于2021-03-10得票数 4
回答已采纳
2回答
嗨，每个人，当我试图在我的grails应用程序上有一个事件日历时，我正面临着新手的麻烦。我试过很多教程，但什么也没有。因此，我决定查看插件完整日历，但它正在使用旧版本的资源，没有资产管道，但现在在我的新的Grails2.4.4版本，我迷路了，我真的想留在我的资产。如果有人对英语问好感到抱歉
浏览 1提问于2017-03-10得票数 0
回答已采纳
我正在使用来自material-ui的material-ui，我希望在TextField中显示当前日期，并允许用户选择另一个日期。如果可能的话？value={date}在使用type="date"时不会出现在TextField中。我试着在网上寻求帮助，但什么也找不到。代码如下：import {
浏览 0提问于2020-04-16得票数 2
回答已采纳
2回答
我的JSP中有这个脚本，我希望以某种方式将它作为默认值包含在我的<s:textfield>中如何访问变量df？我是这样想的：
<s:textfield name="
浏览 0提问于2013-05-23得票数 2
回答已采纳
2回答
我使用了以下代码： ->setAttribute('data-datepicker', true)我将其添加到配置yaml文件中</
浏览 2提问于2016-11-25得票数 1
回答已采纳
我使用一个变量来存储正在输入的文本，并通过追加"mm/dd/yyyy“后缀来修改它。我正在获得功能，但是如果我试图将光标更新到正确的位置，就会产生问题。我使用textfield.selectedTextRange将光标从EOF移动到我需要的位置。但是，它将最后输入的文本从"mm/dd/yyyy“
浏览 1提问于2020-10-16得票数 0
回答已采纳
我半天都在找这个解决办法，但还是找不到确切的答案。在我的Next.js应用程序中，我使用的是MUI(V5) TextField(type="date")，但它的默认占位符是"mm/dd/yyyy“。如何将其转换为"YYYY/MM/DD"？import { <
浏览 7提问于2022-08-13得票数 0
如何在Jasper / iReports (4.5.1)中格式化显示部分文本的日期字段(数据库字段)“此日期的小计：”+ $F(DEPOSIT_DATE)
我已经尝试过(new SimpleDateFormat("MM/dd/yyyy")).parse($F{DEPOSIT_DATEnet.sf.jasperreports.engine.fill
浏览 10提问于2013-04-05得票数 14
回答已采纳
我使用Material-UI中的datepicker，但实际的格式是"mm/dd/yyyy“，我需要将其更改为"dd/mm/yyyy"，我该怎么做？: newValue });
}}
浏览 78提问于2021-11-03得票数 0
2回答
解析字符串中的日期时间( )有问题--这里是我的解析代码
问题是，对于不同的visual studio版本中的两个变量，可以解析的代码完全相同。什么是最好的解析方
浏览 5提问于2014-12-17得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
