Блог

Главная - Вопросы по программированию - Дата обновления до сегодняшнего дня при выборе любого кода опции выбора для работы с моим кодом

Дата обновления до сегодняшнего дня при выборе любого кода опции выбора для работы с моим кодом

#reactjs

Вопрос:

Я пытаюсь применить первый приведенный ниже код к коду, над которым я работаю, но, похоже, я не могу заставить его работать. Итак, в принципе, приведенный ниже код автоматически обновляет дату до сегодняшнего дня, когда я нажимаю на любой из вариантов в раскрывающемся списке выбор

 ```//Getting the select HTML node.

const select = документ.Селектор запросов(«#выбрать»);

//Получение узла ввода даты. постоянная дата = документ.Селектор запросов(«#дата»);

//Добавление прослушивателя событий изменений в выбранный узел. select.addEventListener(‘изменить’, () => { //Пришлось использовать метод изостринга с срезом, так как средство выбора даты принимает значение даты только в формате «гггг-ММ-дд». дата.значение = новая дата().toISOString().срез(0, 10); });«

Вот код, над которым я работаю, и я хочу, чтобы он был применен:

 ```import React, { useRef } from 'react';

импорт $ из «jquery»;

функция TrackerForm({трекер, сеттрекер}) {

 const name = useRef(null);
const company = useRef(null);
const position = useRef(null);
const date = useRef(null);
const status = useRef(null);

const Enter = e => {
    e.preventDefault();

    let d = date.current.value.split("-");
    let newD = new Date(d[0], d[1], d[2]);

    setTracker([...tracker, {
        "name": name.current.value,
        "company": company.current.value,
        "position": position.current.value,
        "status": status.current.value,
        "date": newD.getTime()
    }]);

    name.current.value = "";
    company.current.value = "";
    position.current.value = "";
    status.current.value = "";
    date.current.value = null;

}
return (
    <TrackerFormStyles>
    <form className="tracker-form" onSubmit={Enter}>
        <div className="form-inner">
        
        <input type="text" name="name" id="name" 
        placeholder="Name" ref={name}/>
        
        <input type="text" name="company" id="company" 
        placeholder="Company" ref={company}/>
        
        <input type="text" name="position" id="position" 
        placeholder="Position" ref={position}/>
        
        <select name="status" id="status" ref={status}> 
        <option selected>Submitted</option>
        <option>First Interview</option>
        <option>Additional Interview</option>
        <option>Final Interview</option>
        <option>Offer</option>
        <option>Placement</option>
        <option value="Rejected">Rejected</option>
        <option>No Update</option>
        </select> 

        <input type="date" name="date" id="date"  
        placeholder="Status date..."ref={date}/>

Метки: