Dates and time

이 섹션은 사용자 입력으로 날짜 및 시간을 받아들이는 요소에 대해 다룹니다.

• ctrl/command + k 를 누르면, 필요한 정보를 더 쉽게 검색할 수 있습니다.

• 공식 문서를 ChatGPT를 활용해 번역을 진행했으며, 모든 출처는 버블 공식 문서입니다.

• 공식 문서 양이 방대해 시간이 날 때마다 꾸준하게 작업 중입니다.

Dates and time

This section covers elements that accepts dates and time as user input

https://manual.bubble.io/help-guides/design/elements/input-forms/dates-and-time

Date/Time picker

Input elements

날짜 및 시간 요소를 사용하면 사용자가 다양한 방식으로 날짜, 시간 또는 둘 다를 지정할 수 있습니다. 사용자의 생일을 저장하거나 검색 결과를 필터링하거나 특정 시간대의 예약을 허용하려면 Bubble은 사용자 친화적인 방식으로 설정할 수 있는 여러 도구를 제공합니다.

날짜 및 시간을 처리하는 UX를 설계하면 다양한 시나리오를 다룰 수 있습니다. Bubble의 내장 도구는 다양한 기능을 제공하며 플러그인을 통해 더 많은 사용자 정의가 가능합니다.

플러그인 바로가기 →

How Bubble handles dates and time

Date/Time picker

How to Use The Date Time Picker Element | Bubble Quick Tip

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. 0:00 - Intro 0:06 - Date/Time Picker Overview 0:26 - Date/Time Picker Properties 0:30 - Date vs Date/Time 1:20 - Styling the Date/Time Picker 1:28 - Outro Have a question? Please reach out to us support@bubble.io Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://youtu.be/Vhk1qcqL4Z8

날짜/시간 선택기를 사용하면 사용자가 시각적 달력에서 날짜와 시간을 선택할 수 있습니다. 이 요소를 사용하여 날짜만 선택하도록 설정할 수도 있으며, 이 경우 아래 애니메이션의 오른쪽에있는 필드가 숨겨집니다. 날짜/시간 선택기를 사용하면 사용자는 날짜 또는 둘 다를 선택하는 시각적 인터페이스를 제공받습니다.

요소를 날짜만 요청하도록 설정하면 선택한 날짜는 현재 유저의 타임존의 12시 (00:00)에 저장됩니다. 설정한 경우 설정 편집창에서 다른 시간대를 선택하면 해당 시간대에서 12시 (00:00)에 날짜가 저장됩니다.

최소 및 최대 날짜, 최소 및 최대 일일 시간을 설정할 수 있으며, 시간 선택기의 간격을 설정할 수 있습니다 (기본값은 30분).

반환되는 필드 유형: 날짜

Video lessons

Input elements

입력 요소는 주로 텍스트 입력에 사용되지만 대신 날짜를 기대하도록 설정할 수 있습니다. 이 경우 사용자는 캘린더나 시간 선택기를 보지 못하고 직접 날짜를 입력할 수 있습니다. 입력 요소는 날짜를 지원하지만 시간은 지원하지 않습니다. 다음 형식으로 날짜를 포맷할 수 있습니다.

•

미국 형식 (mm/dd/yyyy)

•

유럽 형식 (dd/mm/yyyy)

반환되는 필드 유형: 날짜