首页 > 解决方案 > 如何将今天的日期设置为 Material UI 日期选择器的默认日期

问题描述

在我的反应应用程序中,我使用的是 Material UI 日期选择器。不幸的是,我无法将今天的日期设置为默认日期。这是我的代码:

<TextField 
          id="dateTimeFrom"                                        
          type="date"
          variant="standard"
          defaultValue={new Date()}
          onChange={filterDateFrom}                                            
          label="Start Execution *" color="primary"
          InputLabelProps={{
           shrink: true                                              
           }}
          />

你能给我指出正确的解决方案吗? 在此处输入图像描述

标签: reactjsdatematerial-ui

解决方案


尝试这个:

<TextField 
      id="dateTimeFrom"                                        
      type="date"
      variant="standard"
      defaultValue={new Date().getDate()+"-"+(new Date().getMonth()+1)+"-"+new Date().getFullYear()}
      onChange={filterDateFrom}                                            
      label="Start Execution *" color="primary"
      InputLabelProps={{
       shrink: true                                              
       }}
      />

推荐阅读