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:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user