공지사항:
2025년 4월 15일 전에 Earth Engine 사용을 위해 등록된 모든 비상업용 프로젝트는 Earth Engine 액세스를 유지하기 위해
비상업용 자격 요건을 인증해야 합니다.
ui.DateSlider
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
두 날짜 사이에서 선형으로 범위가 지정되는 드래그 가능한 타겟입니다. 날짜 슬라이더는 일, 8일, 연도 등 다양한 간격 크기의 날짜를 표시하도록 구성할 수 있습니다. 슬라이더의 값은 슬라이더 옆에 라벨로 표시됩니다.
| 사용 | 반환 값 |
|---|
ui.DateSlider(start, end, value, period, onChange, disabled, style) | ui.DateSlider |
| 인수 | 유형 | 세부정보 |
|---|
start | 날짜|숫자|문자열(선택사항) | 시작일(UTC 타임스탬프, 날짜 문자열 또는 ee.Date) 기본값은 1주일 전입니다. |
end | 날짜|숫자|문자열(선택사항) | 종료일(UTC 타임스탬프, 날짜 문자열 또는 ee.Date)입니다. 기본값은 오늘입니다. |
value | 날짜|숫자|문자열(선택사항) | 초기 값입니다. 이 값은 선택한 기간의 시작일과 종료일로 구성된 배열이지만 편의를 위해 시작일만 지정하여 설정할 수 있습니다. 기본값은 어제입니다. |
period | 숫자, 선택사항 | 슬라이더의 값 간격(일)입니다. 기본값은 1입니다. |
onChange | 함수(선택사항) | 슬라이더의 상태가 변경될 때 실행되는 콜백입니다. 콜백에는 슬라이더의 현재 값과 슬라이더 위젯을 나타내는 ee.DateRange가 전달됩니다. |
disabled | 불리언, 선택사항 | 슬라이더가 사용 중지되었는지 여부입니다. 기본값은 false입니다. |
style | 객체, 선택사항 | 이 위젯에 설정할 값이 있는 허용된 CSS 스타일의 객체입니다. 기본값은 빈 객체입니다. |
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 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. |"]]
