Data

​

Componenta Data este o componentă care permite utilizatorilor să selecteze o dată dintr-o interfață calendar. Componenta Data este de obicei folosită în formulare sau interfețe de intrare de date unde utilizatorul trebuie să selecteze o anumită dată.

Atunci când o componentă dată este adăugată la planșă, aceasta afișează în mod implicit interfața calendarului. Utilizatorul poate naviga prin calendar dând click pe săgețile anterioare sau următoare pentru a se muta la o lună diferită, sau făcând clic pe o anumită dată pentru a o selecta. Data selectată va fi afișată în câmpul de intrare.

​

Properties

Proprietățile disponibile ale bazei de date. JavaScript poate fi scris pentru a citi sau a modifica informații despre componente.

​

Methods

Puteţi utiliza alte componente pentru a controla componenta. Sprijinim următoarele patru metode:

• setValue

Pentru a seta valoarea datei de intrare, de exemplu, {{‘value1’}}

• clearValue

Pentru a șterge valoarea componentei selectate

• validate

Pentru a verifica dacă informațiile de intrare sunt legale

• clearValidate

Pentru a șterge mesajul de validare

​

Gestionar de evenimente

​

Date

Componenta are niște date utilizate în mod obișnuit, care pot fi apelate prin {{componentName.propertyName}} în aplicație.

Exemplu: {{date1.value}}

​

Utilizare majusculă

Apoi, vom demonstra cum să cartografiem datele din sursa datelor până la data și vom seta data curentă cu un buton.

​

Pasul 1 Adăugare acţiune

Să creăm un tabel în REST API numit promoteCode, inclusiv 6 coloane: code, id, createdAt, expiredAt, startedAt, updatedAt. Vom utiliza actualizareLa ora pentru a utiliza proba.

Apoi putem crea o nouă acțiune pentru REST API din lista de acțiuni, enumerând toate datele în promoteCodes și numit restapi1.

Faceţi clic pe Salvează şi Run pentru a activa această acţiune.

​

Pasul 2 Adaugă Componente

Apoi, putem adăuga o componentă date și o componentă button la pânză, Pentru valoarea implicită a componentei de dată, am configurat-o ca ultima actualizare a primului cod promoțional din restul datelor API.

{{restapi1.data.promoteCodes[0].updatedAt}}

De asemenea, am etichetat butonul ca “Azi” cum se arată mai jos

​

Pasul 3 Configurarea componentei

Pentru componenta button, o putem configura pentru a seta data în componenta dată la data de astăzi.

1. În gestionarul de editare a evenimentului, selectați Componenta Control în acțiune, selectați componenta date pe care doriți să o actualizați ca țintă a evenimentului.
2. Alegeți acțiunea setValue și setați valoarea ca {{currentUserInfo.updatedAt}}

​

Etapa 4 Test

Acum că atunci când apeși butonul “astăzi”, timpul ar trebui să se schimbe la data de astăzi. În ceea ce privește aici, avem 2023-5-6, dar poate fi diferit când îl testați.