0

Вывожу таблицу в react.js через rest.api(C#) из MySql

Дата выводиться таким образом:

введите сюда описание изображения
Так вот вопрос, как убрать при выводе ту часть которая идёт после основной даты? Тобишь "T:00:00:00" (в MySql стоит DATE на столбце, а не DATETIME)

Код для вывода:
До render

this.state={
        projects:[],
        modalTitle:"",
        nameProject:"",
        startDate:"",
        stateProject:"",
        description:"",
        idProject:0
    }
}

fetch(variables.API_URL+'Project')
        .then(response =>response.json())
        .then(data=>{
            this.setState({projects:data});
        });

После

<tbody>
                {projects.map(dep=>
                    <tr key={dep.idProject}>
                        <td>{dep.idProject}</td>
                        <td>{dep.nameProject}</td>
                        <td>{dep.startDate}</td>
                        <td>{dep.stateProject}</td>
                        <td>{dep.description}</td>
                        <td>
2
  • Вы выводите из бд? Если да, то вроде как можно изменить формат записи того же времени в бд, или выводить уже средствами js в нужном вам формате - что-то типа formatDate(d), где d - ваша дата
    – 1001001
    11 июл 2022 в 5:28
  • 1
    @tomato-magnet-regulato Спасибо большое, по наводке нашёл как при SELECT изменить формат даты
    – jolychik
    11 июл 2022 в 6:34

2 ответа 2

2

Если придётся убирать эту часть JS-ом, то можно воспользоваться методом split:

const date = new Date().toISOString();

console.log(date);
console.log(date.split('T')[0]);

2
  • отмечу ответом так как изначально задавал вопрос про то как сделать это на js
    – jolychik
    11 июл 2022 в 9:54
  • @jolychik Спасибо!
    – EzioMercer
    11 июл 2022 в 9:55
2

@tomato-magnet-regulato
Подсказал и я нашёл как при SELECT переводить дату в нужный формат

SELECT *, DATE_FORMAT(date, '%d.%m.%Y') as new_date FROM 'your table';

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.