0
193
Views¿Hay alguna manera de vincular la fecha seleccionada en un selector de fecha de calendario a una variable a la que se puede acceder desde otro archivo?
Estoy trabajando en una aplicación React y actualmente tengo un selector de fechas para seleccionar un rango de fechas usando Ant Design. Quiero almacenar el valor de la fecha seleccionada en una variable a la que pueda acceder otro archivo en mi programa. ¿Cómo puedo vincular el valor seleccionado en una variable? Aquí está el código JavaScript para mi selector de fecha:
<p>Select a date range: </p> </div> <div className="left"> <Space direction="vertical" size={12}> <RangePicker format="YYYY-MM-DD" onChange={this.onChange} onOk={onOk} /> </Space>
·
Juan Pablo Isaza
1 answers
Answer question0
Verifique el siguiente ejemplo, puede almacenar los valores de fecha en una variable una vez que se selecciona la fecha y se llama a la función onChange .
import React, { useState } from 'react'; import ReactDOM from 'react-dom'; import { DatePicker, Space } from 'antd'; import 'antd/dist/antd.css'; import './index.css'; const { RangePicker } = DatePicker; const Demo = () => { let selecteddate; let selectedstartdate; let selectedenddate; const onChange = (value) => { selecteddate = value; selectedstartdate = value[0]; selectedenddate = value[1]; //Pass the following values console.log("selecteddate:",selecteddate); console.log("selectedstartdate:",selectedstartdate); console.log("selectedenddate:",selectedenddate); }; return ( <> <p>Select a date range: </p> <Space direction="vertical" size={12}> <RangePicker format="YYYY-MM-DD" onChange={onChange} /> </Space> </> ); }; export default DemoCaptura de pantalla
·
Juan Pablo Isaza
Report
Answer question