Petsa nga Field
Kolektaha ang mga petsa nga may katukma ug kontrol. Gikan sa mga booking sa appointment hangtod sa mga petsa sa pagkatawo nga adunay flexible nga formatting, mga restriksyon sa range sa petsa, ug smart validation – ang Date field naghatag sa mga native calendar picker og gamhanang mga kontrol para sa mga nangaging petsa, umaabot nga mga petsa, weekend, ug custom range.
Propesyonal nga Pagkolekta sa Petsa nga adunay Smart Validation
Hingpit alang sa:
Gamhanang mga Feature para sa Matag Gamit
📅 Upat ka Pormat sa Petsa
Pilia ang Mga Kagustuhan sa Rehiyon:
Unang tuig: 2023-12-31 (ISO 8601)
Internasyonal nga sumbanan nga pormat. Labing maayo para sa mga database, pag-sort, ug mga teknikal nga aplikasyon.
Unang bulan: 12/31/2023 (Estilo sa US)
Amerikanong pormat. Labing pamilyar sa mga tiggamit sa US nga adunay han-ay nga bulan-adlaw-tuig.
Unang adlaw: 31/12/2023 (Estilo sa UK)
British/European nga pormat nga may han-ay sa adlaw-bulan-tuig. Komon sa tibuok kalibutan.
Unang adlaw nga adunay mga dash: 31-12-2023
Alternatibong pormat sa Europa nga naggamit og mga dash imbes nga mga slash.
Ngano nga Importante ang Pormat:
Mohaom sa mga gilauman sa tiggamit pinaagi sa rehiyon
Malikayan ang kalibog ug mga sayop
Nagsiguro sa makanunayon nga pagtipig sa datos
Nagpalambo sa mga rate sa pagkompleto sa porma
Pag-customize sa Display:
Ang format makaapekto sa hitsura sa mga petsa sa mga tiggamit samtang gipadayon ang standard nga format sa pagtipig sa sulod.
📏 Mga Restriksyon sa Sakop sa Petsa
Kontrola ang Mapilian nga mga Petsa:
Unang Gitugot nga Petsa (Minimum):
Ibutang ang pinakasayo nga petsa nga mapili sa mga tiggamit. Ang mga petsa sa wala pa kini dili na ma-enable sa calendar picker.
mga panig-ingnan:
- Pagparehistro sa kalihokan: Minimum nga petsa = petsa sa pagpahibalo sa kalihokan
- Mga Appointment: Minimum nga petsa = karon (walay nangaging mga booking)
- Datos sa kasaysayan: Minuto nga petsa = petsa sa pagkatukod sa kompanya
- Mga deadline sa proyekto: Minimum nga petsa = petsa sa pagsugod sa proyekto
Katapusang Gitugot nga Petsa (Pinakataas):
Ibutang ang pinakabag-ong petsa nga mapili sa mga tiggamit. Ang mga petsa human niini dili na ma-enable sa calendar picker.
mga panig-ingnan:
- Pagparehistro sa sayo nga panahon: Pinakataas nga petsa = deadline
- Limitado ang magamit: Pinakataas nga petsa = katapusang magamit nga petsa
- Mga rekord sa kasaysayan: Pinakataas nga petsa = karon
- Piho nga timeframe: Pinakataas nga petsa = katapusan sa promosyon
Mga Buton sa Dali nga Pag-set:
Ibutang ang minimum/maximum nga mga petsa karong adlawa sa usa ka pag-klik, o kuhaa dayon ang mga restriksyon.
⏮️ I-block ang mga Nangaging Petsa
Likayi ang Pagpili sa mga Naunang Petsa:
I-enable ang “Block Past Dates” aron dili ma-disable ang tanang petsa sa dili pa ang karong adlawa. Ang mga tiggamit makapili lang sa mga petsa karon o sa umaabot.
Hingpit nga:
- Pag-book og appointment (walay mga appointment nga nauna na)
- Pagparehistro sa kalihokan (mga umaabot nga kalihokan lamang)
- Pagpili sa petsa sa pagpadala (mga umaabot nga pagpadala)
- Mga sistema sa pagreserba (mga pag-book nga ipasa sa dili pa ang petsa)
- Mga deadline (kinahanglan nga sa umaabot)
Maalamon nga Pamatasan:
Awtomatikong gi-update kada adlaw – ang petsa karon balido kanunay, ang kagahapon dili na magamit. Dili kinahanglan ang manwal nga pagdumala sa petsa.
Gihiusa uban sa ubang mga Restriksyon:
Gamita uban ang max date aron paghimo og mga umaabot nga panahon (pananglitan, mga booking gikan karon hangtod sa 30 ka adlaw gikan karon).
⏭️ I-block ang Umaabot nga mga Petsa
Likayi ang Pagpili sa Umaabot nga mga Petsa:
I-enable ang “Block Future Dates” aron dili ma-disable ang tanang petsa human karong adlawa. Ang mga tiggamit makapili lang sa karon o sa nangaging mga petsa.
Hingpit nga:
- Pagkolekta sa petsa sa pagkatawo (dili mahimong sa umaabot)
- Mga petsa sa makasaysayanong panghitabo (nangagi lamang)
- Mga petsa sa pagsugod sa kasinatian (kanus-a ka nagsugod?)
- Mga petsa sa pagkompleto (nahitabo na)
- Mga petsa sa anibersaryo (mga nangaging panghitabo)
Tinuod nga Kalibutan nga Paggamit:
Mosiguro sa lohikal nga pagsulod sa petsa – ang mga petsa sa pagkatawo, petsa sa pag-hire, ug petsa sa gradwasyon kinahanglan nga nangagi na.
Gitukod nga Pag-validate:
Awtomatikong gipugngan sa browser ang mga dili balido nga pagpili. Dili kinahanglan ang makalibog nga mga mensahe sa sayop.
📆 Mga Katapusan sa Semana para sa mga May Kapansanan
Pagpili sa Block sa Sabado ug Domingo:
I-enable ang “No Weekend Selection” aron dili ma-disable ang mga Sabado ug Domingo sa calendar picker. Mga adlaw sa semana lang (Lunes-Biyernes) ang mapilian.
Hingpit nga:
- Mga booking sa appointment sa negosyo
- Iskedyul sa pagpadala sa opisina
- Pagpili sa petsa sa konsultasyon
- Mga appointment sa serbisyo (Lunes-Biyernes lamang)
- Pag-iskedyul sa mga miting sa B2B
Smart Interaksyon:
Kon ang tiggamit mopili og weekend (pinaagi sa keyboard), ang sistema awtomatikong mo-correct sa sunod nga Lunes. Walay putol nga proteksyon.
Isagol sa ubang mga kapilian:
Mogana uban sa nangagi/umaabot nga mga restriksyon – ang mga adlaw sa semana lang sulod sa gitugot nga range ang mapilian.
🎯 Mga Opsyon sa Default nga Petsa
Pagpili daan sa mga petsa sa pagsugod:
Walay Napili nang daan nga Petsa (Blanko):
Ang field magsugod nga walay sulod. Ang mga tiggamit kinahanglan nga aktibong mopili og petsa. Labing maayo alang sa mga petsa nga managlahi kaayo.
Petsa karon:
Awtomatikong mopuno sa kasamtangang petsa kon mo-load ang porma. Dynamic nga gi-update kada adlaw.
Paggamit Kaso:
- Mga natad nga "Petsa sa pangutana"
- Mga porma sa timestamp
- Dokumentasyon sa kasamtangang petsa
- Mga pinili nga iskedyul karong adlawa
Petsa ugma:
Awtomatikong mopuno daan sa petsa ugma. Perpekto para sa mga booking sa sunod adlaw.
Paggamit Kaso:
- Pagpili sa pagpadala sa sunod nga adlaw
- Mga booking sa appointment ugma
- Mga default sa umaabot nga panghitabo
- Anaa sa sunod nga adlaw
Petsa nga Gipili sa Kustom:
Pagpili og bisan unsang gitakdang petsa nga pilion daan. Maayo alang sa gisugyot nga mga petsa o mga porma nga espesipiko sa kalihokan.
Paggamit Kaso:
- Girekomendar nga petsa sa appointment
- Mga default nga petsa sa panghitabo
- Mga sugyot sa deadline
- Mga petsa sa prefilled nga aplikasyon
📱 Tigpili sa Lumad nga Kalendaryo
Pagpili sa Petsa nga Gi-optimize sa Browser:
Naggamit og HTML5 nga lumad nga mga input sa petsa uban sa built-in nga calendar picker sa browser. Naghatag og pamilyar ug espesipiko sa plataporma nga kasinatian.
Panagway nga Espesipiko sa Plataporma:
- iOS: Nindot nga tigpili sa ligid
- Android: Kalendaryo sa Disenyo sa Materyal
- Desktop Chrome: Kalendaryo nga gibutang sa ubos
- Desktop Safari: Gamay nga tigpili
- Tanan gi-optimize para sa ilang plataporma
Kaayohan:
- Dili kinahanglan ang librarya sa JavaScript
- Dali nga pagkarga
- Ma-access pinaagi sa default
- Ma-navigate ang keyboard
- Gi-optimize sa paghikap
- Minimum nga gidak-on sa file
I-klik Bisan Asa:
Ma-klik ang tibuok nga field aron maablihan ang kalendaryo. Ang dakong interaction area makapaayo sa paggamit.
✅ Pag-validate sa Smart Date
Mga Gitukod nga Layer sa Pag-validate:
Pag-validate sa Pormat:
Awtomatikong giseguro sa browser ang hustong pormat sa petsa. Dili makasulod ang mga tiggamit og dili balido nga mga petsa sama sa “2023-13-45.”
Pag-validate sa Sakop:
Ang minimum/max nga mga petsa gipatuman sa lebel sa tigpili. Ang mga dili balido nga petsa gi-disable - dili mapili.
Pag-validate sa Lohika:
Ang mga pagdili sa nangagi/umaabot/katapusan sa semana awtomatikong gipadapat. Gipugngan sa sistema ang mga dili balido nga pagpili.
Tin-aw ang mga Mensahe sa Sayop:
Kon ang mga tiggamit molaktaw sa mga restriksyon, ang klaro nga mga mensahe mopasabot: “Ang petsa kinahanglan human sa 2024-01-01” o “Ang petsa kinahanglan una sa 2024-12-31.”
🔀 Lohika sa Kondisyon
Dinamikong Pagtan-aw sa Field sa Petsa:
Ipakita o itago ang mga field sa petsa base sa ubang mga kantidad sa porma. Ipakita lamang ang mga may kalabutan nga field sa petsa kung gikinahanglan.
Abansadong mga Lagda sa Lohika:
- UG Lohika – Kinahanglan matuman ang tanang kondisyon
- O Lohika – Bisan unsang kondisyon mahimong makapahinabo sa aksyon
- 8 ka Operator – Katumbas, Dili katumbas, Mas dako kay sa, Mas gamay kay sa, Naglangkob, Walay sulod, ug labaw pa
Paggamit Kaso:
- Ipakita lang ang “Preferred date” kon ang booking type katumbas sa “Appointment”
- Ipakita ang "Petsa sa panghitabo" kung ang klase sa panghitabo wala’y sulod
- Ipadayag ang "Petsa sa pagpadala" kung ang pamaagi sa pagpadala katumbas sa "Nakatakda"
- Itago ang "Petsa sa pagbalik" kung ang klase sa tiket katumbas sa "One-Way"
🎯 Gipauswag nga Kasinatian sa Gumagamit
Mga Smart Feature nga Gilakip:
- Biswal nga Pagpakita sa Petsa – Ang pinili nga petsa makita sa mabasa nga pormat
- Icon sa Kalendaryo – Biswal nga timailhan sa tigpili og petsa
- Pag-navigate sa Keyboard – Pag-navigate sa kalendaryo gamit ang mga pana
- Pag-access sa Tab – Bug-os nga suporta sa keyboard
- Gi-optimize ang Paghikap – Dagkong mga target sa paghikap sa mobile
- Awtomatikong Pagtul-id – Ang mga dili balido nga petsa awtomatikong mo-adjust sa pinakaduol nga balido nga petsa
- Pagpasiugda Karon – Gipasiugda ang kasamtangang petsa sa picker
- Dali nga Pagpili – I-klik ang petsa, awtomatikong magsira ang picker
- Suporta sa Teksto sa Tabang – Pagdugang og mga pahiwatig o instruksyon sa pormat sa petsa
- Gikinahanglan nga Pag-validate – Himua nga mandatory ang pagpili sa petsa
- Mga Klase sa Custom CSS – Pag-apply sa custom nga estilo
- Suporta sa Pagka-access – Mga label sa ARIA, compatible sa screen reader
Yano nga Pag-setup sa 3 ka Lakang
Andama ang imong Date Field sulod sa pipila ka minuto
Idugang ang Field sa Petsa
I-drag ug i-drop ang Date field gikan sa Basic Fields nga seksyon ngadto sa imong porma.
Pilia ang Format ug Range
Pilia ang pormat sa petsa (US, UK, ISO), opsyonal nga itakda ang minimum/maximum nga mga utlanan sa petsa, ug i-enable ang pag-block sa nangagi/umaabot/katapusan sa semana kung gikinahanglan.
Ibutang ang Petsa nga Gitakda
Pilia kung ang field magsugod nga blangko, mag-pre-fill og karon, ugma, o usa ka custom nga petsa nga imong gipiho.
🎉 Mao na! Andam na ang imong date field uban ang smart validation ug native pickers.
Mga Aplikasyon sa Tinuod nga Kalibutan
Pag-book sa appointment
* Mga petsa sa appointment sa medikal
*Eskedyul sa konsultasyon
* Pagpili sa appointment sa serbisyo
* Koordinasyon sa petsa sa miting
Pagparehistro sa Kaganapan
* Mga petsa sa pagtambong sa kalihokan
* Pagpili sa petsa sa workshop
* Pagparehistro sa komperensya
*Mga petsa sa pagpalista sa klase
Paghatud ug Pagpadala
* Gipalabi nga mga petsa sa pagpadala
* Pagpili sa petsa sa pagpadala
* Pag-iskedyul sa petsa sa pagkuha
* Pagplano sa petsa sa pagpadala
Business Applications
* Mga petsa sa pagtapos sa proyekto
* Mga takdang petsa sa trabaho
* Mga petsa sa pagka-epektibo sa kontrata
* Mga petsa sa pagsugod/pagtapos sa kasabutan
Personal nga Impormasyon
* Koleksyon sa petsa sa pagkatawo
* Mga petsa sa anibersaryo
* Petsa sa pagsugod sa trabaho
* Mga petsa sa pagkompleto sa edukasyon
reservations
* Mga petsa sa pag-check in sa hotel
* Mga petsa sa pagsugod sa pag-abang
* Mga petsa sa pagkumpirma sa booking
* Pagpili sa panahon sa pagreserba
Kompleto nga mga Opsyon sa Natad
Panguna nga Pag-configure
- Label sa Field – Ang titulo nga gipakita sa ibabaw sa field sa petsa
- Deskripsyon/Teksto sa Tabang – Dugang nga giya para sa mga tiggamit
- Gikinahanglan nga Field – Himua nga mandatory ang pagpili sa petsa
- Placeholder – Dili magamit para sa mga native date picker
Format sa Petsa
- Unsaon Pagpakita sa mga Petsa:
- Unang tuig: 2023-12-31 (ISO 8601)
- Unang bulan: 12/31/2023 (estilo sa US)
- Unang adlaw: 31/12/2023 (estilo sa UK)
- Unang adlaw nga adunay mga dash: 31-12-2023
Mga Restriksyon sa Sakup sa Petsa
- Unang Gitugot nga Petsa – Ang labing sayo nga petsa mahimong mapili sa mga tiggamit (biyai nga blangko para walay limitasyon)
- Katapusang Gitugot nga Petsa – Pinakabag-ong petsa nga mapili sa mga tiggamit (biyai nga blangko para walay limitasyon)
Mga Opsyon sa Pagbabag sa Petsa
- I-block ang mga Nangaging Petsa – Gipugngan ang pagpili sa bisan unsang mga petsa sa dili pa ang karon
- I-block ang Umaabot nga mga Petsa – Gipugngan ang pagpili sa bisan unsang mga petsa pagkahuman karong adlawa
- Walay Pagpili sa Katapusan sa Semana – Nagpugong sa pagpili sa mga Sabado ug Domingo
Pagpili sa Petsa sa Pagsugod:
- Walay gipili nang daan nga petsa (blangko) – Walay sulod ang field
- Petsa karon – Napuno na daan ang kasamtangang petsa
- Petsa ugma – Napuno na daan ang sunod nga adlaw
- Piho nga petsa (imong pilion) – Giandam nga petsa nga napuno na daan
Custom Default nga Petsa – Pilia ang imong petsa sa pagsugod (gipakita kung ang "Specific date" gipili)
Makatarungan nga Pangatarungan
- I-enable ang Conditional Logic – Ipakita/itago base sa mga kondisyon
- Logic Type
- Kinahanglan matuman ang tanang kondisyon (UG)
- Bisan unsang kondisyon mahimong matuman (O)
- Mga Lagda sa Kondisyon
- Ipakita/Itago – Aksyon nga buhaton
- Natad – Unsang natad ang susihon
- Operator – Katumbas, Dili katumbas, Naglangkob, Mas dako kay sa, Mas gamay kay sa, Walay sulod, Dili walay sulod
- Bili – Bili sa pagtandi
- Daghang Kondisyon – Pagdugang og walay kutub nga mga lagda
advanced Options
- Natago nga Natad – Himoa nga dili makita ang natad apan ilakip ang petsa sa mga pagsumite
- Mga Klase sa Custom CSS – Pag-apply sa custom nga estilo
- Mga Atributo sa Pagka-Akses – Mga label sa ARIA para sa mga screen reader
Ngano nga Pilion ang Among Date Field?
✅ Daghang mga Format – US, UK, ISO, ug dashed nga mga format
✅ Pagkontrol sa Sakop sa Petsa – Ibutang ang minimum/maximum nga mga utlanan sa tukma nga paagi
✅ I-block ang mga Nangaging Petsa – Tugoti lang ang mga pagpili sa umaabot nga petsa
✅ I-block ang Umaabot nga mga Petsa – Tugoti lang ang mga gipili nga petsa nga milabay
✅ Mga Disable Weekend – Mga adlaw sa semana lang nga pilion para sa negosyo
✅ Smart Defaults – I-pre-fill gamit ang karon, ugma, o custom date
✅ Mga Native Pickers – Mga kalendaryo nga gi-optimize sa browser para sa matag plataporma
✅ Awtomatikong Pag-validate – Dili mapili ang dili balido nga mga petsa
✅ Bug-os nga Nahiusa – Nagtrabaho nga walay putol sa tanang bahin sa porma
Kanunayng Gipangutana nga mga Pangutana
P: Unsa nga mga format sa petsa ang gisuportahan?
Upat ka format: ISO (2023-12-31), US (12/31/2023), UK (31/12/2023), ug Dashed (31-12-2023). Pilia ang format nga labing haom sa imong mamiminaw.
P: Unsaon nako pagpugong sa mga tiggamit sa pagpili sa nangaging mga petsa?
I-enable ang “I-block ang mga Nangaging Petsa.” Ang bisan unsang petsa sa dili pa ang karon dili na mapili sa date picker.
P: Mahimo ba nako limitahan ang mga petsa sa usa ka piho nga range?
Oo. Ibutang ang “Unang Gitugot nga Petsa” ug “Katapusang Gitugot nga Petsa” aron limitahan ang mga kapilian sa usa ka gitakda nga bintana.
P: Unsa ang gamit sa “Disable Weekends”?
Gitangtang niini ang mga Sabado ug Domingo nga dili mapilian. Lunes hangtod Biyernes na lang ang magamit.
P: Giunsa man pagtrabaho ang mga default nga petsa?
Pilia kung ang field magsugod nga walay sulod, magpakita sa petsa karon, petsa ugma, o usa ka gipahaom nga petsa. Ang karon ug ugma awtomatikong mo-adjust.
P: Parehas ba ang hitsura sa date picker sa tanang device?
Dili. Gigamit niini ang lumad nga UI sa matag device—mga wheel selector sa iOS, mga kalendaryo sa Android, mga desktop selector, ug uban pa.
P: Mahimo ba nako nga babagan ang mga petsa sa umaabot para sa mga field sa petsa sa pagkatawo?
Oo. I-on ang “I-block ang Umaabot nga mga Petsa” aron ang mga tiggamit makapili lang sa mga petsa hangtod ug lakip na karong adlawa.
P: Giunsa pagtinabangay ang minimum/max nga mga petsa ug ang nangagi/umaabot nga pag-block?
Magpatong-patong sila. Pananglitan, ang pag-block sa mga nangaging petsa dugang sa pinakataas nga petsa nga 30 ka adlaw nga abante moresulta sa usa ka range gikan karon hangtod sa 30 ka adlaw gikan karon.
P: Mahimo ba nga mag-type ang mga tiggamit og mga petsa imbes nga gamiton ang picker?
Ang ubang mga browser motugot sa pag-type nga adunay validation. Ang uban mopugos sa pagpili sa petsa. Ang tanan mopatuman sa saktong pag-format.
P: Unsay mahitabo kon ang usa ka tiggamit mopili og weekend kon ang weekend dili gamiton?
Ang sistema awtomatikong mo-adjust sa pinakaduol nga balido nga adlaw sa semana, kasagaran sa sunod nga Lunes.
P: Mahimo ba nako gamiton ang conditional logic sa mga date field?
Oo. Gamita ang mga pagtandi sama sa "Katumbas," "Walay sulod," "Dili walay sulod," "Mas dako kay sa," o "Mas ubos kay sa" aron makontrol ang pagka-visualize sa ubang mga field.
P: Unsaon nako pagtakda og petsa sa deadline?
Isulod ang imong deadline sa “Last Allowed Date.” Dili na makapili og mga petsa ang mga tiggamit human niana nga punto. I-combine kini sa “Block Past Dates” kon kinahanglan nimo og mga petsa nga magamit lang sa umaabot.
