es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cambiar la fecha por defecto de DateRangePicker Reactjs MUI

DateRangePicker muestra la fecha de hoy por defecto. ¿Es posible establecer una fecha específica como fecha predeterminada?

0

La altura de los campos de entrada de texto no cambia con CSS en línea.

<formcontrol>
    <localizationprovider dateadapter="{AdapterDateFns}" sx="{{" backgroundcolor:="" "red",="" }}="">
      <daterangepicker starttext="Fecha de inicio" endtext="Fecha de fin" value="{value}" onchange="{(newValue)" ==""> {
          setValue(newValue);
        }}
        renderInput={(startProps, endProps) => (
          <react.fragment>
            <textfield {...startprops}=""></textfield>
            <box sx="{{" mx:="" 2="" }}=""> a </box>
            <textfield {...endprops}=""></textfield>
          </react.fragment>
        )}
      />
    </daterangepicker></localizationprovider>
  </formcontrol>

Selector de rango de fechas

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Sí, es posible establecer una fecha específica como fecha predeterminada en DateRangePicker. Puede utilizar la propiedad defaultValue y pasar un objeto Date que represente la fecha específica que desea establecer como predeterminada. Por ejemplo:

    <daterangepicker starttext="Fecha de inicio" endtext="Fecha de fin" value="{value}" onchange="{(newValue)" ==""> {
        setValue(newValue);
      }}
      defaultValue={new Date("2022-01-01")} // establece la fecha predeterminada al 1 de enero de 2022
      renderInput={(startProps, endProps) => (
        <react.fragment>
          <textfield {...startprops}=""></textfield>
          <box sx="{{" mx:="" 2="" }}=""> hasta </box>
          <textfield {...endprops}=""></textfield>
        </react.fragment>
      )}
    />
    

    En este ejemplo, la propiedad defaultValue se establece en un nuevo objeto Date que representa el 1 de enero de 2022. Esto establecerá el 1 de enero de 2022 como la fecha predeterminada para DateRangePicker en lugar de la fecha actual.

Comments are closed.