Medan Tarikh
Kumpul tarikh dengan ketepatan dan kawalan. Daripada tempahan temu janji hingga tarikh lahir dengan pemformatan fleksibel, sekatan julat tarikh dan pengesahan pintar – medan Tarikh menyediakan pemilih kalendar asli dengan kawalan berkuasa untuk tarikh lalu, tarikh akan datang, hujung minggu dan julat tersuai.
Pengambilan Tarikh Profesional dengan Pengesahan Pintar
Sesuai untuk:
Ciri-ciri Hebat untuk Setiap Kes Penggunaan
📅 Empat Format Tarikh
Pilih Keutamaan Serantau:
Tahun pertama: 2023-12-31 (ISO 8601)
Format standard antarabangsa. Terbaik untuk pangkalan data, pengisihan dan aplikasi teknikal.
Bulan pertama: 31/12/2023 (Gaya AS)
Format Amerika. Paling biasa bagi pengguna AS dengan susunan bulan-hari-tahun.
Hari pertama: 31/12/2023 (Gaya UK)
Format British/Eropah dengan susunan hari-bulan-tahun. Lazim di peringkat antarabangsa.
Hari pertama dengan sengkang: 31-12-2023
Format Eropah alternatif yang menggunakan tanda sempang dan bukannya tanda condong.
Mengapa Format Penting:
Memadankan jangkaan pengguna mengikut wilayah
Mencegah kekeliruan dan kesilapan
Memastikan penyimpanan data yang konsisten
Meningkatkan kadar penyiapan borang
Penyesuaian Paparan:
Format mempengaruhi bagaimana tarikh dipaparkan kepada pengguna sambil mengekalkan format storan standard secara dalaman.
📏 Sekatan Julat Tarikh
Tarikh Boleh Dipilih Kawalan:
Tarikh Pertama Dibenarkan (Minimum):
Tetapkan tarikh terawal yang boleh dipilih oleh pengguna. Tarikh sebelum ini dinyahdayakan dalam pemilih kalendar.
Contoh:
- Pendaftaran acara: Tarikh minimum = tarikh pengumuman acara
- Temujanji: Tarikh minimum = hari ini (tiada tempahan lepas)
- Data sejarah: Tarikh minimum = tarikh penubuhan syarikat
- Tarikh akhir projek: Tarikh minimum = tarikh mula projek
Tarikh Terakhir Dibenarkan (Maksimum):
Tetapkan tarikh terkini yang boleh dipilih oleh pengguna. Tarikh selepas ini dinyahdayakan dalam pemilih kalendar.
Contoh:
- Pendaftaran awal: Tarikh maksimum = tarikh akhir
- Ketersediaan terhad: Tarikh maksimum = tarikh terakhir tersedia
- Rekod sejarah: Tarikh maksimum = hari ini
- Tempoh masa tertentu: Tarikh maksimum = tamat promosi
Butang Tetapan Pantas:
Tetapkan tarikh minimum/maksimum kepada hari ini dengan satu klik atau padamkan sekatan serta-merta.
⏮️ Sekat Tarikh Lalu
Elakkan Memilih Tarikh Sebelumnya:
Dayakan “Sekat Tarikh Lalu” untuk melumpuhkan semua tarikh sebelum hari ini. Pengguna hanya boleh memilih tarikh hari ini atau akan datang.
Perfect For:
- Tempahan temujanji (tiada temujanji lepas)
- Pendaftaran acara (acara akan datang sahaja)
- Pemilihan tarikh penghantaran (penghantaran akan datang)
- Sistem tempahan (tempahan hadapan)
- Tarikh akhir (mesti pada masa hadapan)
Tingkah Laku Pintar:
Dikemas kini secara automatik setiap hari – tarikh hari ini sentiasa sah, semalam akan dinyahdayakan. Tiada pengurusan tarikh manual diperlukan.
Gabungan Dengan Sekatan Lain:
Gunakan dengan tarikh maksimum untuk mencipta tetingkap masa hadapan (cth., tempahan dari hari ini hingga 30 hari akan datang).
⏭️ Sekat Tarikh Akan Datang
Elakkan Memilih Tarikh Akan Datang:
Dayakan “Sekat Tarikh Akan Datang” untuk melumpuhkan semua tarikh selepas hari ini. Pengguna hanya boleh memilih tarikh hari ini atau tarikh lepas.
Perfect For:
- Pengumpulan tarikh lahir (tidak boleh pada masa hadapan)
- Tarikh peristiwa bersejarah (masa lalu sahaja)
- Tarikh mula pengalaman (bilakah anda mula?)
- Tarikh siap (sudah berlaku)
- Tarikh ulang tahun (peristiwa lalu)
Penggunaan Dunia Sebenar:
Memastikan entri tarikh yang logik – tarikh lahir, tarikh pengambilan pekerja, tarikh tamat pengajian mestilah dalam bentuk masa lalu.
Pengesahan Terbina Dalam:
Pelayar menghalang pilihan yang tidak sah secara automatik. Tiada mesej ralat yang mengelirukan diperlukan.
📆 Hujung Minggu Orang Kurang Upaya
Pilihan Blok Sabtu & Ahad:
Dayakan “Tiada Pilihan Hujung Minggu” untuk melumpuhkan hari Sabtu dan Ahad dalam pemilih kalendar. Hanya hari bekerja (Isnin-Jumaat) sahaja yang boleh dipilih.
Perfect For:
- Tempahan temu janji perniagaan
- Penjadualan penghantaran pejabat
- Pemilihan tarikh rundingan
- Temujanji perkhidmatan (Isnin-Jumaat sahaja)
- Penjadualan mesyuarat B2B
Interaksi Pintar:
Jika pengguna memilih hujung minggu (melalui papan kekunci), sistem akan membetulkan secara automatik ke Isnin hadapan. Perlindungan yang lancar.
Gabungan Dengan Pilihan Lain:
Berfungsi dengan sekatan masa lalu/akan datang – hanya hari bekerja dalam julat yang dibenarkan sahaja yang boleh dipilih.
🎯 Pilihan Tarikh Lalai
Pra-Pilih Tarikh Permulaan:
Tiada Tarikh Pra-Pilihan (Kosong):
Medan mula kosong. Pengguna mesti memilih tarikh secara aktif. Terbaik untuk tarikh yang sangat berbeza.
Tarikh Hari Ini:
Mengisi tarikh semasa secara automatik apabila borang dimuatkan. Dikemas kini secara dinamik setiap hari.
Gunakan Kes:
- Medan “Tarikh pertanyaan”
- Borang cap masa
- Dokumentasi tarikh semasa
- Pilihan jadual hari ini
Tarikh Esok:
Mengisi tarikh esok secara automatik. Sesuai untuk tempahan hari berikutnya.
Gunakan Kes:
- Pilihan penghantaran hari berikutnya
- Tempahan temujanji esok
- Lalai peristiwa akan datang
- Ketersediaan hari berikutnya
Tarikh Khusus Tersuai:
Pilih mana-mana tarikh tetap untuk dipilih terlebih dahulu. Sesuai untuk tarikh yang dicadangkan atau borang khusus acara.
Gunakan Kes:
- Tarikh temujanji yang disyorkan
- Tarikh acara lalai
- Cadangan tarikh akhir
- Tarikh permohonan yang telah diisi terlebih dahulu
📱 Pemilih Kalendar Asli
Pemilihan Tarikh Dioptimumkan Pelayar:
Menggunakan input tarikh asli HTML5 dengan pemilih kalendar terbina dalam pelayar. Memberikan pengalaman khusus platform yang biasa.
Rupa Khusus Platform:
- iOS: Pemilih roda yang cantik
- Android: Kalendar Reka Bentuk Bahan
- Desktop Chrome: Kalendar lungsur turun
- Desktop Safari: Pemilih padat
- Semua dioptimumkan untuk platform mereka
Kebaikan:
- Tiada pustaka JavaScript diperlukan
- Pemuatan segera
- Boleh diakses secara lalai
- Papan kekunci boleh dilayari
- Dioptimumkan sentuhan
- Saiz fail minimum
Klik Di Mana-mana Sahaja:
Seluruh medan boleh diklik untuk membuka kalendar. Kawasan interaksi yang besar meningkatkan kebolehgunaan.
✅ Pengesahan Tarikh Pintar
Lapisan Pengesahan Terbina Dalam:
Pengesahan Format:
Pelayar memastikan format tarikh yang betul secara automatik. Pengguna tidak boleh memasukkan tarikh yang tidak sah seperti “2023-13-45”.
Pengesahan Julat:
Tarikh minimum/maksimum dikuatkuasakan pada peringkat pemilih. Tarikh tidak sah dinyahdayakan – tidak boleh dipilih.
Pengesahan Logik:
Sekatan lalu/akan datang/hujung minggu dikenakan secara automatik. Sistem menghalang pilihan yang tidak sah.
Kosongkan Mesej Ralat:
Jika pengguna entah bagaimana memintas sekatan, mesej yang jelas menerangkan: “Tarikh mesti selepas 2024-01-01” atau “Tarikh mesti sebelum 2024-12-31.”
🔀 Logik Bersyarat
Keterlihatan Medan Tarikh Dinamik:
Tunjukkan atau sembunyikan medan tarikh berdasarkan nilai borang lain. Paparkan medan tarikh yang berkaitan hanya apabila diperlukan.
Peraturan Logik Lanjutan:
- DAN Logik – Semua syarat mesti dipenuhi
- Logik ATAU – Sebarang keadaan boleh mencetuskan tindakan
- 8 Operator – Sama dengan, Tidak sama dengan, Lebih besar daripada, Kurang daripada, Mengandungi, Kosong dan lebih banyak lagi
Gunakan Kes:
- Tunjukkan “Tarikh pilihan” hanya apabila jenis tempahan bersamaan dengan “Temujanji”
- Paparkan "Tarikh acara" apabila jenis acara tidak kosong
- Dedahkan “Tarikh penghantaran” apabila kaedah penghantaran bersamaan dengan “Dijadualkan”
- Sembunyikan “Tarikh pulang” apabila jenis tiket bersamaan dengan “Sehala”
🎯 Pengalaman Pengguna yang Dipertingkatkan
Ciri Pintar Terbina Dalam:
- Paparan Tarikh Visual – Tarikh yang dipilih dipaparkan dalam format yang boleh dibaca
- Ikon Kalendar – Penunjuk visual pemilih tarikh
- Navigasi Papan Kekunci – Kekunci anak panah menavigasi kalendar
- Kebolehcapaian Tab – Sokongan papan kekunci penuh
- Dioptimumkan Sentuhan – Sasaran sentuh besar pada mudah alih
- Pembetulan Automatik – Tarikh tidak sah dilaraskan secara automatik kepada tarikh sah terdekat
- Sorotan Hari Ini – Tarikh semasa diserlahkan dalam pemilih
- Pemilihan Pantas – Klik tarikh, pemilih ditutup secara automatik
- Sokongan Teks Bantuan – Tambah petunjuk atau arahan format tarikh
- Pengesahan Diperlukan – Pastikan pemilihan tarikh diwajibkan
- Kelas CSS Tersuai – Gunakan penggayaan tersuai
- Sokongan Kebolehcapaian – label ARIA, serasi dengan pembaca skrin
Persediaan Mudah dalam 3 Langkah
Sediakan Medan Tarikh anda dalam beberapa minit
Tambah Medan Tarikh
Seret dan lepas medan Tarikh daripada bahagian Medan Asas ke dalam borang anda.
Pilih Format & Julat
Pilih format tarikh (AS, UK, ISO), tetapkan sempadan tarikh minimum/maksimum secara pilihan dan dayakan sekatan lalu/akan datang/hujung minggu mengikut keperluan.
Tetapkan Tarikh Lalai
Pilih sama ada medan bermula kosong, pra-isi dengan hari ini, esok atau tarikh tersuai yang anda tentukan.
🎉 Itu sahaja! Medan tarikh anda sudah sedia dengan pengesahan pintar dan pemilih natif.
Aplikasi Dunia Sebenar
Tempahan Janji Temu
* Tarikh temujanji perubatan
* Penjadualan perundingan
* Pemilihan temujanji perkhidmatan
* Penyelarasan tarikh mesyuarat
Pendaftaran Acara
* Tarikh kehadiran acara
* Pemilihan tarikh bengkel
* Pendaftaran persidangan
*Tarikh pendaftaran kelas
Penghantaran & Penghantaran
* Tarikh penghantaran pilihan
* Pemilihan tarikh penghantaran
* Penjadualan tarikh pengambilan
* Perancangan tarikh penghantaran
Aplikasi Perniagaan
* Tarikh akhir projek
* Tarikh akhir tugasan
* Tarikh kuat kuasa kontrak
* Tarikh mula/tamat perjanjian
Maklumat Peribadi
* Pengumpulan tarikh lahir
* Tarikh ulang tahun
* Tarikh mula bekerja
* Tarikh tamat pendidikan
Tempahan
* Tarikh daftar masuk hotel
* Tarikh mula sewa
* Tarikh pengesahan tempahan
* Pemilihan tempoh tempahan
Pilihan Medan Lengkap
Konfigurasi asas
- Label Medan – Tajuk yang ditunjukkan di atas medan tarikh
- Teks Penerangan/Bantuan – Panduan tambahan untuk pengguna
- Medan Wajib – Pastikan pemilihan tarikh wajib
- Pemegang tempat – Tidak berkenaan untuk pemilih tarikh asli
Format tarikh
- Cara Memaparkan Tarikh:
- Tahun pertama: 2023-12-31 (ISO 8601)
- Bulan pertama: 31/12/2023 (gaya AS)
- Hari pertama: 31/12/2023 (gaya UK)
- Hari pertama dengan sengkang: 31-12-2023
Sekatan Julat Tarikh
- Tarikh Pertama Dibenarkan – Pengguna tarikh terawal boleh memilih (biarkan kosong tanpa had)
- Tarikh Terakhir Dibenarkan – Tarikh terkini boleh dipilih oleh pengguna (biarkan kosong tanpa had)
Pilihan Penyekatan Tarikh
- Sekat Tarikh Lalu – Menghalang pemilihan sebarang tarikh sebelum hari ini
- Sekat Tarikh Akan Datang – Menghalang pemilihan sebarang tarikh selepas hari ini
- Tiada Pemilihan Hujung Minggu – Menghalang pemilihan hari Sabtu dan Ahad
Pemilihan Tarikh Mula:
- Tiada tarikh prapilih (kosong) – Medan mula kosong
- Tarikh hari ini – Tarikh semasa telah diisi terlebih dahulu
- Tarikh esok – Hari berikutnya telah diisi terlebih dahulu
- Tarikh tertentu (anda pilih) – Tarikh tersuai telah diisi terlebih dahulu
Tarikh Lalai Tersuai – Pilih tarikh mula anda (ditunjukkan apabila “Tarikh tertentu” dipilih)
Logik Bersyarat
- Dayakan Logik Bersyarat – Tunjukkan/sembunyikan berdasarkan syarat
- Jenis Logik
- Semua syarat mesti dipenuhi (DAN)
- Sebarang syarat boleh dipenuhi (ATAU)
- Peraturan Keadaan
- Tunjukkan/Sembunyikan – Tindakan yang perlu diambil
- Medan – Medan yang hendak disemak
- Operator – Sama dengan, Tidak sama dengan, Mengandungi, Lebih besar daripada, Kurang daripada, Kosong, Tidak kosong
- Nilai – Nilai perbandingan
- Pelbagai Syarat – Tambah peraturan tanpa had
Pilihan Lanjutan
- Medan Tersembunyi – Jadikan medan tidak kelihatan tetapi sertakan tarikh dalam penyerahan
- Kelas CSS Tersuai – Gunakan penggayaan tersuai
- Atribut Kebolehcapaian – Label ARIA untuk pembaca skrin
Mengapa Memilih Medan Tarikh Kami?
✅ Pelbagai Format – format AS, UK, ISO dan putus-putus
✅ Kawalan Julat Tarikh – Tetapkan sempadan minimum/maks dengan tepat
✅ Sekat Tarikh Lalu – Hanya benarkan pilihan tarikh akan datang
✅ Sekat Tarikh Akan Datang – Hanya benarkan pilihan tarikh lepas
✅ Hujung Minggu Lumpuh – Pilihan hari bekerja sahaja untuk perniagaan
✅ Lalai Pintar – Pra-isi dengan hari ini, esok atau tarikh tersuai
✅ Pemilih Asli – Kalendar yang dioptimumkan untuk pelayar untuk setiap platform
✅ Pengesahan Automatik – Tarikh tidak sah tidak boleh dipilih
✅ Bersepadu Sepenuhnya – Berfungsi dengan lancar dengan semua ciri borang
Soalan Lazim
S: Apakah format tarikh yang disokong?
Empat format: ISO (2023-12-31), AS (12/31/2023), UK (31/12/2023) dan Dashed (31-12-2023). Pilih format yang paling sesuai dengan khalayak anda.
S: Bagaimanakah saya boleh menghalang pengguna daripada memilih tarikh yang lepas?
Dayakan “Sekat Tarikh Lalu”. Sebarang tarikh sebelum hari ini tidak boleh dipilih dalam pemilih tarikh.
S: Bolehkah saya mengehadkan tarikh kepada julat tertentu?
Ya. Tetapkan “Tarikh Pertama Dibenarkan” dan “Tarikh Terakhir Dibenarkan” untuk mengehadkan pilihan kepada tetingkap yang ditetapkan.
S: Apakah fungsi “Hujung Minggu Orang Kurang Upaya”?
Ia menghapuskan pilihan hari Sabtu dan Ahad. Hanya Isnin hingga Jumaat sahaja yang tersedia.
S: Bagaimanakah tarikh lalai berfungsi?
Pilih sama ada medan bermula kosong, menunjukkan tarikh hari ini, tarikh esok atau tarikh tersuai. Hari ini dan esok dilaraskan secara automatik.
S: Adakah pemilih tarikh kelihatan sama pada semua peranti?
Tidak. Ia menggunakan UI natif setiap peranti—pemilih roda iOS, kalendar Android, pemilih desktop dan sebagainya.
S: Bolehkah saya menyekat tarikh akan datang untuk medan tarikh lahir?
Ya. Hidupkan “Sekat Tarikh Akan Datang” supaya pengguna hanya boleh memilih tarikh sehingga dan termasuk hari ini.
S: Bagaimanakah tarikh minimum/maksimum berfungsi bersama dengan sekatan masa lalu/akan datang?
Ia bertindan. Contohnya, menyekat tarikh lepas ditambah tarikh maksimum 30 hari lebih awal menghasilkan julat dari hari ini hingga 30 hari ke hadapan.
S: Bolehkah pengguna menaip tarikh dan bukannya menggunakan pemilih?
Sesetengah pelayar membenarkan penaipan dengan pengesahan. Ada juga yang memaksa pemilih tarikh. Semua pelayar menguatkuasakan pemformatan yang betul.
S: Apa yang berlaku jika pengguna memilih hujung minggu apabila hujung minggu dinyahdayakan?
Sistem ini akan melaraskan secara automatik kepada hari bekerja yang terdekat, biasanya pada hari Isnin berikutnya.
S: Bolehkah saya menggunakan logik bersyarat dengan medan tarikh?
Ya. Gunakan perbandingan seperti “Sama dengan”, “Kosong”, “Bukan kosong”, “Lebih besar daripada”, atau “Kurang daripada” untuk mengawal keterlihatan medan lain.
S: Bagaimanakah saya menetapkan tarikh akhir?
Masukkan tarikh akhir anda dalam “Tarikh Dibenarkan Terakhir”. Pengguna tidak boleh memilih tarikh selepas itu. Gabungkan dengan “Sekat Tarikh Lepas” jika anda memerlukan ketersediaan masa hadapan sahaja.
