ui.DateSlider
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Một đích có thể kéo, có phạm vi tuyến tính giữa hai ngày. Bạn có thể định cấu hình thanh trượt ngày để hiển thị ngày có nhiều kích thước khoảng thời gian, bao gồm ngày, 8 ngày và năm. Giá trị của thanh trượt được hiển thị dưới dạng nhãn bên cạnh thanh trượt.
| Cách sử dụng | Giá trị trả về |
|---|
ui.DateSlider(start, end, value, period, onChange, disabled, style) | ui.DateSlider |
| Đối số | Loại | Thông tin chi tiết |
|---|
start | Date|Number|String, không bắt buộc | Ngày bắt đầu, dưới dạng dấu thời gian UTC, chuỗi ngày hoặc ee.Date. Mặc định là một tuần trước. |
end | Date|Number|String, không bắt buộc | Ngày kết thúc, dưới dạng dấu thời gian UTC, chuỗi ngày hoặc ee.Date. Giá trị mặc định là hôm nay. |
value | Date|Number|String, không bắt buộc | Giá trị ban đầu. Giá trị này là một mảng bao gồm ngày bắt đầu và ngày kết thúc cho phạm vi ngày đã chọn, nhưng để thuận tiện, bạn có thể đặt giá trị này bằng cách chỉ định riêng ngày bắt đầu. Mặc định là hôm qua. |
period | Số, không bắt buộc | Kích thước khoảng thời gian cho các giá trị trên thanh trượt (tính bằng ngày). Giá trị mặc định là 1. |
onChange | Hàm, không bắt buộc | Một lệnh gọi lại sẽ kích hoạt khi trạng thái của thanh trượt thay đổi. Lệnh gọi lại được truyền một ee.DateRange đại diện cho giá trị hiện tại của thanh trượt và tiện ích thanh trượt. |
disabled | Boolean, không bắt buộc | Thanh trượt có bị tắt hay không. Giá trị mặc định là false. |
style | Đối tượng, không bắt buộc | Một đối tượng gồm các kiểu CSS được phép có giá trị sẽ được đặt cho tiện ích này. Giá trị mặc định là một đối tượng trống. |
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-07-26 UTC.
[null,null,["Cập nhật lần gần đây nhất: 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. |"]]
