feat: JSON-Daten filtern und Debugging verbessert

- Initialwerte für `vonDatum` und `bisDatum` in `LoopTDRChartActionBar.tsx` gesetzt.
- `DateRangePicker.tsx` überarbeitet, um direkt das ausgewählte Datum zu setzen.
- API-Filterung nach Unix-Zeitstempel (`getTime()`) implementiert.
- Fehler behoben: Daten aus `json-server` erscheinen jetzt korrekt in der UI.
- Verbesserte `console.log()`-Ausgaben für Debugging:
  - API-URL (`📡 API URL:`)
  - Rohdaten (`📥 Rohdaten (vor Filterung):`)
  - Gefilterte Daten (`🔍 Gefilterte Daten:`)
This commit is contained in:
Ismail Ali
2025-02-11 21:46:06 +01:00
parent 47a663f4d2
commit e732c581d1
4 changed files with 92 additions and 31 deletions

View File

@@ -1,4 +1,4 @@
import React, { useState } from "react";
import React, { useState, useEffect } from "react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
@@ -11,8 +11,14 @@ const DateRangePicker: React.FC<DateRangePickerProps> = ({
setVonDatum,
setBisDatum,
}) => {
const [startDate, setStartDate] = useState<Date | null>(new Date());
const [endDate, setEndDate] = useState<Date | null>(new Date());
// Nutze die Props als Standardwerte für das Datum
const [startDate, setStartDate] = useState<Date>(new Date());
const [endDate, setEndDate] = useState<Date>(new Date());
useEffect(() => {
setVonDatum(startDate);
setBisDatum(endDate);
}, []);
return (
<div className="flex space-x-4">
@@ -21,8 +27,10 @@ const DateRangePicker: React.FC<DateRangePickerProps> = ({
<DatePicker
selected={startDate}
onChange={(date) => {
setStartDate(date);
if (date) setVonDatum(date);
if (date) {
setStartDate(date);
setVonDatum(date);
}
}}
selectsStart
startDate={startDate}
@@ -37,8 +45,10 @@ const DateRangePicker: React.FC<DateRangePickerProps> = ({
<DatePicker
selected={endDate}
onChange={(date) => {
setEndDate(date);
if (date) setBisDatum(date);
if (date) {
setEndDate(date);
setBisDatum(date);
}
}}
selectsEnd
startDate={startDate}