ui.DateSlider
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Ein ziehbares Ziel, das linear zwischen zwei Datumsangaben liegt. Der Datumsschieberegler kann so konfiguriert werden, dass Daten in verschiedenen Intervallgrößen angezeigt werden, z. B. Tag, 8 Tage und Jahr. Der Wert des Schiebereglers wird als Label daneben angezeigt.
Nutzung | Ausgabe |
---|
ui.DateSlider(start, end, value, period, onChange, disabled, style) | ui.DateSlider |
Argument | Typ | Details |
---|
start | Datum|Zahl|String, optional | Das Startdatum als UTC-Zeitstempel, Datumsstring oder ee.Date. Die Standardeinstellung ist vor einer Woche. |
end | Datum|Zahl|String, optional | Das Enddatum als UTC-Zeitstempel, Datumsstring oder ee.Date. Die Standardeinstellung ist der aktuelle Tag. |
value | Datum|Zahl|String, optional | Der Anfangswert. Der Wert ist ein Array, das aus dem Start- und Enddatum für den ausgewählten Zeitraum besteht. Er kann aber auch nur durch Angabe des Startdatums festgelegt werden. Die Standardeinstellung ist „Gestern“. |
period | Nummer, optional | Die Intervallgröße für Werte auf dem Schieberegler in Tagen. Die Standardeinstellung ist eins. |
onChange | Funktion (optional) | Ein Callback, der ausgelöst wird, wenn sich der Status des Schiebereglers ändert. An den Callback wird ein ee.DateRange übergeben, der den aktuellen Wert des Schiebereglers und das Schieberegler-Widget darstellt. |
disabled | Boolesch, optional | Gibt an, ob der Schieberegler deaktiviert ist. Die Standardeinstellung ist "false". |
style | Objekt, optional | Ein Objekt mit zulässigen CSS-Stilen und den Werten, die für dieses Widget festgelegt werden sollen. Die Standardeinstellung ist ein leeres Objekt. |
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2025-07-26 (UTC).
[null,null,["Zuletzt aktualisiert: 2025-07-26 (UTC)."],[[["\u003cp\u003eThe DateSlider widget provides a user interface for selecting a date range on a linear scale.\u003c/p\u003e\n"],["\u003cp\u003eIt offers flexibility in displaying various date intervals, including day, 8-day, and year.\u003c/p\u003e\n"],["\u003cp\u003eUsers can customize the start and end dates, initial value, interval size, and add event listeners for changes.\u003c/p\u003e\n"],["\u003cp\u003eThe slider displays a label indicating the selected date range and supports both single date selection and range selection.\u003c/p\u003e\n"],["\u003cp\u003eStyling options are available to modify the appearance of the widget.\u003c/p\u003e\n"]]],[],null,["# ui.DateSlider\n\n\u003cbr /\u003e\n\nA draggable target that ranges linearly between two dates. The date slider can be configured to display dates of various interval sizes, including day, 8-day, and year. The value of the slider is displayed as a label alongside it.\n\n\u003cbr /\u003e\n\n| Usage | Returns |\n|---------------------------------------------------------------------------------------------------------|---------------|\n| `ui.DateSlider(`*start* `, `*end* `, `*value* `, `*period* `, `*onChange* `, `*disabled* `, `*style*`)` | ui.DateSlider |\n\n| Argument | Type | Details |\n|------------|--------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `start` | Date\\|Number\\|String, optional | The start date, as a UTC timestamp, date string, or ee.Date. Defaults to one week ago. |\n| `end` | Date\\|Number\\|String, optional | The end date, as a UTC timestamp, date string, or ee.Date. Defaults to today. |\n| `value` | Date\\|Number\\|String, optional | The initial value. The value is an array consisting of the start and end date for the selected date range, but for convenience, it can be set by specifying the start date alone. Defaults to yesterday. |\n| `period` | Number, optional | The interval size for values on the slider in days. Defaults to one. |\n| `onChange` | Function, optional | A callback to fire when the slider's state changes. The callback is passed an ee.DateRange representing the slider's current value and the slider widget. |\n| `disabled` | Boolean, optional | Whether the slider is disabled. Defaults to false. |\n| `style` | Object, optional | An object of allowed CSS styles with their values to be set for this widget. Defaults to an empty object. |"]]