お知らせ:
2025 年 4 月 15 日より前に Earth Engine の使用を登録したすべての非商用プロジェクトは、Earth Engine へのアクセスを維持するために
非商用目的での利用資格を確認する必要があります。
ui.DateSlider
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
2 つの日付の間で線形に変化するドラッグ可能なターゲット。日付スライダーは、日、8 日、年など、さまざまな間隔のサイズの日付を表示するように構成できます。スライダーの値は、スライダーの横のラベルとして表示されます。
用途 | 戻り値 |
---|
ui.DateSlider(start, end, value, period, onChange, disabled, style) | ui.DateSlider |
引数 | タイプ | 詳細 |
---|
start | Date|Number|String(省略可) | 開始日(UTC タイムスタンプ、日付文字列、ee.Date)。デフォルトは 1 週間前です。 |
end | Date|Number|String(省略可) | 終了日(UTC タイムスタンプ、日付文字列、ee.Date)。デフォルトは今日です。 |
value | Date|Number|String(省略可) | 初期値。値は、選択した期間の開始日と終了日で構成される配列ですが、便宜上、開始日のみを指定して設定することもできます。デフォルトは昨日です。 |
period | 数値、省略可 | スライダーの値の間隔(日数)。デフォルトは 1 です。 |
onChange | 関数(省略可) | スライダーの状態が変化したときに呼び出されるコールバック。コールバックには、スライダーの現在値とスライダー ウィジェットを表す ee.DateRange が渡されます。 |
disabled | ブール値、省略可 | スライダーが無効かどうか。デフォルトは false です。 |
style | オブジェクト、省略可 | このウィジェットに設定する値を含む、許可された CSS スタイルのオブジェクト。デフォルトは空のオブジェクトです。 |
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2025-07-26 UTC。
[null,null,["最終更新日 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. |"]]