Patlang ng Petsa
Kolektahin ang mga petsa nang may katumpakan at kontrol. Mula sa mga booking ng appointment hanggang sa mga petsa ng kapanganakan na may flexible na formatting, mga paghihigpit sa hanay ng petsa, at matalinong pagpapatunay – ang field na Date ay nagbibigay sa mga native calendar picker ng malalakas na kontrol para sa mga nakaraang petsa, mga petsa sa hinaharap, mga weekend, at mga custom na hanay.
Propesyonal na Koleksyon ng Petsa na may Smart Validation
Perpekto para sa:
Mga Makapangyarihang Tampok para sa Bawat Gamit
📅 Apat na Format ng Petsa
Pumili ng Mga Kagustuhan sa Rehiyon:
Unang taon: 2023-12-31 (ISO 8601)
Internasyonal na pamantayang format. Pinakamahusay para sa mga database, pag-uuri, at mga teknikal na aplikasyon.
Unang buwan: 12/31/2023 (Estilo ng US)
Amerikanong format. Pinakapamilyar sa mga gumagamit ng US gamit ang order na buwan-araw-taon.
Unang araw: 31/12/2023 (Istilo ng UK)
Anyo ng Britanya/Europeo na may pagkakasunod-sunod ng araw-buwan-taon. Karaniwan sa buong mundo.
Unang araw na may mga gitling: 31-12-2023
Alternatibong format sa Europa na gumagamit ng mga gitling sa halip na mga slash.
Bakit Mahalaga ang Format:
Tumutugma sa mga inaasahan ng gumagamit ayon sa rehiyon
Pinipigilan ang kalituhan at mga pagkakamali
Tinitiyak ang pare-parehong pag-iimbak ng datos
Pinapabuti ang mga rate ng pagkumpleto ng form
Pagpapasadya ng Display:
Nakakaapekto ang format sa kung paano lumalabas ang mga petsa sa mga user habang pinapanatili ang karaniwang format ng storage sa loob.
📏 Mga Restriksyon sa Saklaw ng Petsa
Mga Petsa na Mapipili ng Kontrol:
Unang Pinapayagang Petsa (Minimum):
Itakda ang pinakamaagang petsa na maaaring piliin ng mga user. Ang mga petsa bago ito ay hindi pinagana sa calendar picker.
Halimbawa:
- Pagpaparehistro ng kaganapan: Pinakamababang petsa = petsa ng anunsyo ng kaganapan
- Mga appointment: Minimum na petsa = ngayon (walang nakaraang booking)
- Datos sa kasaysayan: Pinakamababang petsa = petsa ng pagkakatatag ng kumpanya
- Mga huling araw ng proyekto: Pinakamababang petsa = petsa ng pagsisimula ng proyekto
Huling Petsa na Pinayagan (Pinakamataas):
Itakda ang pinakabagong petsa na maaaring piliin ng mga user. Ang mga petsa pagkatapos nito ay hindi pinagana sa calendar picker.
Halimbawa:
- Pagpaparehistro nang maaga: Pinakamataas na petsa = huling araw
- Limitadong availability: Pinakamataas na petsa = huling petsa ng availability
- Mga talaang pangkasaysayan: Pinakamataas na petsa = ngayon
- Tiyak na takdang panahon: Pinakamataas na petsa = katapusan ng promosyon
Mga Pindutan ng Mabilisang Pag-set:
Itakda ang pinakamababang/pinakamataas na petsa sa ngayon sa isang click lang, o agad na alisin ang mga paghihigpit.
⏮️ I-block ang mga Nakaraang Petsa
Pigilan ang Pagpili ng mga Nakaraang Petsa:
Paganahin ang “Harangan ang mga Nakaraan na Petsa” upang i-disable ang lahat ng petsa bago ang araw na ito. Maaari lamang piliin ng mga user ang mga petsa ngayon o sa mga susunod pang petsa.
Perpekto Para sa:
- Pag-book ng appointment (walang mga nakaraang appointment)
- Pagpaparehistro ng kaganapan (mga paparating na kaganapan lamang)
- Pagpili ng petsa ng paghahatid (mga paghahatid sa hinaharap)
- Mga sistema ng reserbasyon (mga booking na iniaalok nang maaga)
- Mga deadline (dapat sa hinaharap)
Matalinong Pag-uugali:
Awtomatikong ina-update araw-araw – ang petsa ngayon ay palaging balido, ang kahapon ay hindi pinagana. Hindi na kailangan ng manu-manong pamamahala ng petsa.
Pinagsasama sa Iba Pang mga Restriksyon:
Gamitin gamit ang max date para lumikha ng mga susunod na panahon (hal., mga booking mula ngayon hanggang 30 araw mula ngayon).
⏭️ I-block ang mga Petsa sa Hinaharap
Pigilan ang Pagpili ng mga Paparating na Petsa:
Paganahin ang “I-block ang Mga Petsa sa Hinaharap” upang i-disable ang lahat ng petsa pagkatapos ng araw na ito. Maaari lamang piliin ng mga user ang mga petsa ngayon o mga nakaraang petsa.
Perpekto Para sa:
- Koleksyon ng petsa ng kapanganakan (hindi maaaring sa hinaharap)
- Mga petsa ng makasaysayang kaganapan (nakaraan lamang)
- Mga petsa ng pagsisimula ng karanasan (kailan ka nagsimula?)
- Mga petsa ng pagkumpleto (nangyari na)
- Mga petsa ng anibersaryo (mga nakaraang kaganapan)
Real-World na Paggamit:
Tinitiyak ang lohikal na pagpasok ng petsa – ang mga petsa ng kapanganakan, petsa ng pag-upa, at petsa ng pagtatapos ay dapat nasa nakaraan.
Naka-embed na Pagpapatunay:
Awtomatikong pinipigilan ng browser ang mga hindi wastong pagpili. Hindi na kailangan ng nakalilitong mga mensahe ng error.
📆 Mga Weekend para sa May Kapansanan
Pinili para sa Block sa Sabado at Linggo:
Paganahin ang “Walang Pinili para sa Weekend” para hindi paganahin ang mga Sabado at Linggo sa calendar picker. Tanging mga weekday (Lunes-Biyernes) lang ang maaaring piliin.
Perpekto Para sa:
- Mga booking ng appointment sa negosyo
- Iskedyul ng paghahatid sa opisina
- Pagpili ng petsa ng konsultasyon
- Mga appointment sa serbisyo (Lunes-Biyernes lamang)
- Pag-iiskedyul ng mga pulong ng B2B
Mga Matalinong Pakikipag-ugnayan:
Kung pipiliin ng user ang isang weekend (sa pamamagitan ng keyboard), awtomatikong itatama ng system ang petsa sa susunod na Lunes. Walang putol na proteksyon.
Pinagsasama sa Iba Pang Mga Pagpipilian:
Gumagana sa mga paghihigpit sa nakaraan/hinaharap – tanging mga araw ng linggo lamang sa loob ng pinapayagang saklaw ang mapipili.
🎯 Mga Default na Opsyon sa Petsa
Pumili muna ng mga petsa ng pagsisimula:
Walang Paunang Napiling Petsa (Blanko):
Magsisimulang walang laman ang field. Dapat aktibong pumili ang mga user ng petsa. Pinakamahusay para sa mga petsang malawak ang pagkakaiba-iba.
Petsa Ngayon:
Awtomatikong pinupunan ang kasalukuyang petsa kapag naglo-load ang form. Dynamic na ina-update araw-araw.
Gumamit ng Mga Kaso:
- Mga patlang na "Petsa ng pagtatanong"
- Mga form ng timestamp
- Dokumentasyon ng kasalukuyang petsa
- Mga pagpipilian sa iskedyul ngayon
Petsa ng Bukas:
Awtomatikong pinupunan ang petsa bukas. Perpekto para sa mga booking sa susunod na araw.
Gumamit ng Mga Kaso:
- Pagpili ng paghahatid sa susunod na araw
- Mga booking ng appointment bukas
- Mga default na kaganapan sa hinaharap
- Availability sa susunod na araw
Petsa na Tiyak sa Pasadyang Paggamit:
Pumili ng anumang takdang petsa na pipiliin. Mainam para sa mga iminungkahing petsa o mga pormularyo na partikular sa kaganapan.
Gumamit ng Mga Kaso:
- Inirerekomendang petsa ng appointment
- Mga default na petsa ng kaganapan
- Mga mungkahi sa huling araw
- Mga petsa ng paunang napunang aplikasyon
📱 Tagapili ng Katutubong Kalendaryo
Pagpili ng Petsa na Na-optimize para sa Browser:
Gumagamit ng mga HTML5 native date input na may built-in na calendar picker ng browser. Nagbibigay ng pamilyar at partikular na karanasan sa platform.
Hitsura na Partikular sa Plataporma:
- iOS: Magandang tagapili ng gulong
- Android: Kalendaryo ng Disenyo ng Materyales
- Desktop Chrome: Dropdown na kalendaryo
- Desktop Safari: Compact picker
- Lahat ay na-optimize para sa kanilang plataporma
Benepisyo:
- Hindi kailangan ng JavaScript library
- Agarang paglo-load
- Maa-access bilang default
- Maaaring i-navigate ang keyboard
- Touch-optimized
- Pinakamababang laki ng file
Mag-click Kahit Saan:
Maaaring i-click ang buong field para mabuksan ang kalendaryo. Pinapahusay ng malaking interaction area ang usability.
✅ Pagpapatunay ng Smart Date
Mga Built-In na Layer ng Pagpapatunay:
Pagpapatunay ng Format:
Awtomatikong tinitiyak ng browser ang wastong format ng petsa. Hindi maaaring maglagay ang mga user ng mga di-wastong petsa tulad ng “2023-13-45.”
Pagpapatunay ng Saklaw:
Ipinapatupad ang mga minimum/maximum na petsa sa antas ng tagapili. Hindi pinagana ang mga di-wastong petsa – hindi maaaring piliin.
Pagpapatunay ng Lohika:
Awtomatikong inilalapat ang mga paghihigpit sa nakaraan/hinaharap/katapusan ng linggo. Pinipigilan ng system ang mga di-wastong pagpili.
I-clear ang Mga Mensahe ng Error:
Kung sakaling malalampasan ng mga gumagamit ang mga paghihigpit, ang mga malinaw na mensahe ay nagpapaliwanag: "Ang petsa ay dapat pagkatapos ng 2024-01-01" o "Ang petsa ay dapat bago ang 2024-12-31."
🔀 Lohikang Kondisyonal
Dinamikong Pagpapakita ng Patlang ng Petsa:
Ipakita o itago ang mga field ng petsa batay sa iba pang mga halaga ng form. Ipakita lamang ang mga kaugnay na field ng petsa kung kinakailangan.
Mga Panuntunan sa Advanced na Lohika:
- AT Lohika – Dapat matugunan ang lahat ng kundisyon
- Lohika ng O – Anumang kundisyon ay maaaring mag-trigger ng aksyon
- 8 Operator – Katumbas, Hindi katumbas, Mas malaki kaysa sa, Mas mababa sa, Naglalaman, Walang laman, at higit pa
Gumamit ng Mga Kaso:
- Ipakita lamang ang "Preferred date" kapag ang uri ng booking ay katumbas ng "Appointment"
- Ipakita ang "Petsa ng kaganapan" kapag walang laman ang uri ng kaganapan
- Ipakita ang "Petsa ng paghahatid" kapag ang paraan ng pagpapadala ay katumbas ng "Naka-iskedyul"
- Itago ang “Petsa ng pagbabalik” kapag ang uri ng tiket ay katumbas ng “One-Way”
🎯 Pinahusay na Karanasan ng Gumagamit
Mga Nakapaloob na Matalinong Tampok:
- Visual na Pagpapakita ng Petsa – Ipinapakita ang napiling petsa sa nababasang format
- Icon ng Kalendaryo – Biswal na tagapagpahiwatig ng tagapili ng petsa
- Pag-navigate sa Keyboard – Mag-navigate sa kalendaryo gamit ang mga arrow key
- Pagiging Accessible sa Tab – Buong suporta sa keyboard
- Na-optimize ang Touch – Malalaking target sa pag-touch sa mobile
- Awtomatikong Pagwawasto – Awtomatikong inaayos ang mga hindi wastong petsa sa pinakamalapit na wastong petsa
- Pagha-highlight Ngayon – Naka-highlight sa picker ang kasalukuyang petsa
- Mabilisang Pagpili – Petsa ng pag-click, awtomatikong magsasara ang picker
- Suporta sa Teksto ng Tulong – Magdagdag ng mga pahiwatig o tagubilin sa format ng petsa
- Kinakailangang Pagpapatunay – Gawing mandatory ang pagpili ng petsa
- Mga Pasadyang Klase ng CSS – Maglapat ng pasadyang estilo
- Suporta sa Accessibility – mga label ng ARIA, tugma sa screen reader
Simpleng Pag-setup sa 3 Hakbang
Ihanda ang iyong Date Field sa loob ng ilang minuto
Magdagdag ng Patlang ng Petsa
I-drag at i-drop ang field na Petsa mula sa seksyong Pangunahing Mga Patlang papunta sa iyong form.
Pumili ng Format at Saklaw
Pumili ng format ng petsa (US, UK, ISO), opsyonal na magtakda ng mga hangganan ng minimum/maximum na petsa, at paganahin ang pagharang sa nakaraan/hinaharap/katapusan ng linggo kung kinakailangan.
Itakda ang Default na Petsa
Piliin kung ang field ay magsisimulang blangko, maglalagay ng pre-fills sa ngayon, bukas, o isang custom na petsa na iyong tinukoy.
🎉 Iyon lang! Handa na ang iyong field para sa petsa gamit ang smart validation at mga native picker.
Mga Real-World Application
Booking ng Appointment
* Mga petsa ng appointment sa doktor
* Pag-iiskedyul ng konsultasyon
* Pagpili ng appointment para sa serbisyo
* Koordinasyon ng petsa ng pagpupulong
Pagpaparehistro ng Kaganapan
* Mga petsa ng pagdalo sa kaganapan
* Pagpili ng petsa ng workshop
* Pagpaparehistro sa Kumperensya
* Mga petsa ng pagpapatala sa klase
Paghahatid at Pagpapadala
* Mga ginustong petsa ng paghahatid
* Pagpili ng petsa ng pagpapadala
* Pag-iiskedyul ng petsa ng pagkuha
* Pagpaplano ng petsa ng pagpapadala
Mga Aplikasyon ng Negosyo
* Mga petsa ng pagtatapos ng proyekto
* Mga takdang petsa ng gawain
* Mga petsa ng bisa ng kontrata
* Mga petsa ng pagsisimula/pagtatapos ng kasunduan
Personal na Impormasyon
* Koleksyon ng petsa ng kapanganakan
* Mga petsa ng anibersaryo
* Petsa ng pagsisimula ng trabaho
* Mga petsa ng pagtatapos ng edukasyon
Pagpapareserba
* Mga petsa ng pag-check in sa hotel
* Mga petsa ng pagsisimula ng pagrenta
* Mga petsa ng kumpirmasyon ng booking
* Pagpili ng panahon ng reserbasyon
Kumpletong Mga Opsyon sa Patlang
Pangunahing Configuration
- Label ng Patlang – Ang pamagat na ipinapakita sa itaas ng patlang ng petsa
- Teksto ng Paglalarawan/Tulong – Karagdagang gabay para sa mga gumagamit
- Kinakailangang Patlang – Gawing mandatory ang pagpili ng petsa
- Placeholder – Hindi naaangkop para sa mga native date picker
Anyo ng Petsa
- Paano Ipakita ang mga Petsa:
- Unang taon: 2023-12-31 (ISO 8601)
- Unang buwan: 12/31/2023 (istilong US)
- Unang araw: 31/12/2023 (istilong UK)
- Unang araw na may mga gitling: 31-12-2023
Mga Restriksyon sa Saklaw ng Petsa
- Unang Pinapayagang Petsa – Maaaring piliin ng mga user ang pinakamaagang petsa (iwang blangko para walang limitasyon)
- Huling Pinapayagang Petsa – Pinakabagong petsa na maaaring piliin ng mga user (iwang blangko para walang limitasyon)
Mga Opsyon sa Pag-block ng Petsa
- I-block ang mga Nakaraang Petsa – Pinipigilan ang pagpili ng anumang mga petsa bago ang araw na ito
- I-block ang mga Petsa sa Hinaharap – Pinipigilan ang pagpili ng anumang petsa pagkatapos ng araw na ito
- Walang Pagpili sa Sabado at Linggo – Pinipigilan ang pagpili ng Sabado at Linggo
Pagpili ng Petsa ng Pagsisimula:
- Walang paunang napiling petsa (blangko) – Walang laman ang field sa simula
- Petsa ngayon – Paunang napunan ang kasalukuyang petsa
- Petsa bukas – Napuno na ang susunod na araw
- Tiyak na petsa (iyong pipiliin) – Pasadyang petsa na napunan na
Pasadyang Petsa na Default – Piliin ang iyong petsa ng pagsisimula (ipinapakita kapag napili ang "Tukoy na petsa")
Makatarungang Lohika
- Paganahin ang Conditional Logic – Ipakita/itago batay sa mga kundisyon
- Uri ng lohika
- Dapat matugunan ang lahat ng mga kundisyon (AT)
- Maaaring matugunan ang anumang kundisyon (O)
- Mga Panuntunan sa Kondisyon
- Ipakita/Itago – Aksyon na gagawin
- Patlang – Aling patlang ang susuriin
- Operator – Katumbas ng, Hindi katumbas ng, Naglalaman ng, Mas malaki kaysa sa, Mas mababa sa, Walang laman, Hindi walang laman
- Halaga – Halaga ng paghahambing
- Maramihang Kundisyon – Magdagdag ng walang limitasyong mga panuntunan
Mga Advanced na Pagpipilian
- Nakatagong Patlang – Gawing hindi nakikita ang patlang ngunit isama ang petsa sa mga isinumite
- Mga Pasadyang Klase ng CSS – Maglapat ng pasadyang estilo
- Mga Katangian ng Accessibility – Mga label ng ARIA para sa mga screen reader
Bakit Piliin ang Aming Patlang para sa Petsa?
✅ Maramihang Format – US, UK, ISO, at mga dashed na format
✅ Kontrol sa Saklaw ng Petsa – Itakda nang tumpak ang mga minimum/maximum na hangganan
✅ I-block ang mga Nakaraang Petsa – Payagan lamang ang mga pagpipilian sa petsa sa hinaharap
✅ I-block ang mga Petsa sa Hinaharap – Payagan lamang ang mga napiling petsa na mas maaga
✅ Disable Weekends – Pagpipilian para sa mga araw ng trabaho lamang
✅ Mga Smart Default – Paunang punan gamit ang ngayon, bukas, o pasadyang petsa
✅ Mga Native Picker – Mga kalendaryong na-optimize para sa browser para sa bawat platform
✅ Awtomatikong Pagpapatunay – Hindi mapipili ang mga hindi wastong petsa
✅ Ganap na Pinagsama – Gumagana nang maayos sa lahat ng mga tampok ng form
Mga Madalas Itanong
T: Anong mga format ng petsa ang sinusuportahan?
Apat na format: ISO (2023-12-31), US (12/31/2023), UK (31/12/2023), at Dashed (31-12-2023). Piliin ang format na pinakaangkop sa iyong audience.
T: Paano ko mapipigilan ang mga user sa pagpili ng mga nakaraang petsa?
Paganahin ang “Harangan ang mga Nakaraang Petsa.” Anumang petsa bago ang araw na ito ay hindi na mapipili sa tagapili ng petsa.
T: Maaari ko bang limitahan ang mga petsa sa isang partikular na saklaw?
Oo. Itakda ang “Unang Petsa na Pinayagan” at “Huling Petsa na Pinayagan” upang paghigpitan ang mga pagpipilian sa isang tinukoy na window.
T: Ano ang ginagawa ng "Disable Weekends"?
Inaalis nito ang mga Sabado at Linggo sa pagiging mapipili. Lunes hanggang Biyernes na lang ang natitira.
T: Paano gumagana ang mga default na petsa?
Piliin kung ang field ay magsisimulang walang laman, ipapakita ang petsa ngayon, petsa bukas, o isang pasadyang petsa. Awtomatikong inaayos ang ngayon at bukas.
T: Pareho ba ang hitsura ng date picker sa lahat ng device?
Hindi. Ginagamit nito ang native UI ng bawat device—mga wheel selector ng iOS, mga kalendaryo ng Android, mga desktop selector, at iba pa.
T: Maaari ko bang harangan ang mga petsa sa hinaharap para sa mga field ng petsa ng kapanganakan?
Oo. I-on ang “I-block ang mga Petsa sa Hinaharap” para ang mga user ay makapili lang ng mga petsa hanggang at kasama ang ngayon.
T: Paano gumagana ang minimum/maximum na mga petsa kasama ng past/future blocking?
Nagpapatong-patong ang mga ito. Halimbawa, ang pagharang sa mga nakaraang petsa kasama ang pinakamataas na petsa na 30 araw bago ang petsa ay magreresulta sa isang saklaw mula ngayon hanggang 30 araw mula ngayon.
T: Maaari bang mag-type ng mga petsa ang mga user sa halip na gamitin ang picker?
Pinapayagan ng ilang browser ang pagta-type na may pagpapatunay. Pinipilit naman ng iba ang pagpili ng petsa. Lahat ay nagpapatupad ng tamang pag-format.
T: Ano ang mangyayari kung ang isang user ay pumili ng weekend kapag ang mga weekend ay hindi pinagana?
Awtomatikong inaayos ng system ang pinakamalapit na wastong araw ng linggo, kadalasan sa susunod na Lunes.
T: Maaari ko bang gamitin ang conditional logic sa mga date field?
Oo. Gumamit ng mga paghahambing tulad ng "Katumbas," "Walang laman," "Hindi walang laman," "Mas malaki kaysa sa," o "Mas mababa kaysa sa" upang kontrolin ang visibility ng iba pang mga field.
T: Paano ako magtatakda ng petsa ng deadline?
Ilagay ang iyong deadline sa “Huling Pinapayagang Petsa.” Hindi na maaaring pumili ang mga user ng mga petsa pagkatapos ng puntong iyon. Isama sa “I-block ang mga Nakaraang Petsa” kung kailangan mo ng availability para lamang sa hinaharap.
