Medan Masa
Kumpulkan masa dengan tepat dan mudah. Daripada penjadualan temu janji hingga pemilihan syif dengan pemilih masa natif yang elegan, selang masa pintar dan pemformatan fleksibel – medan Masa menyediakan pengesahan, penyesuaian dan pengalaman pengguna yang lancar.
Pengumpulan Masa Pintar dengan Pengesahan Terbina Dalam
Sesuai untuk:
Ciri-ciri Hebat untuk Setiap Kes Penggunaan
🕐 Format Masa Fleksibel
Paparan 24 Jam atau 12 Jam
Pilih format yang sesuai dengan khalayak anda. Gunakan waktu tentera 24 jam (14:30) untuk pengguna antarabangsa atau 12 jam dengan PG/PTG (2:30 PTG) untuk keakraban.
Penukaran Format Automatik
Medan ini mengendalikan penukaran format secara automatik – pengguna melihat format pilihan mereka sementara sistem anda menerima data yang konsisten.
Contoh:
- Waktu perniagaan: 9:00 PG – 5:00 PTG (12 jam)
- Penjadualan antarabangsa: 09:00 – 17:00 (24 jam)
- Janji temu perubatan: 14:30 (ketepatan 24 jam)
⏰ Selang Masa Pintar
Ketepatan Pemilihan Kawalan
Tetapkan pemilihan masa yang terperinci. Pilih daripada selang setiap minit hingga setiap jam berdasarkan keperluan anda.
Selang Masa yang Tersedia:
- Setiap minit (12:00, 12:01, 12:02…) – Ketepatan maksimum
- Setiap 5 minit (12:00, 12:05, 12:10…) – Temujanji standard
- Setiap 10 minit (12:00, 12:10, 12:20…) – Tempahan pantas
- Setiap 15 minit (12:00, 12:15, 12:30…) – Paling biasa
- Setiap 30 minit (12:00, 12:30, 1:00…) – Slot setengah jam
- Setiap jam (12:00, 1:00, 2:00…) – Pilihan mudah
Mengapa Ia Perkara:
Lebih sedikit pilihan = pemilihan yang lebih pantas. Padankan selang masa dengan keperluan penjadualan anda untuk UX yang lebih baik.
🎯 Sekatan Julat Masa
Tetapkan Masa Terdahulu & Terkini
Hadkan masa yang tersedia untuk dipadankan dengan waktu perniagaan, jadual acara atau tempoh operasi. Pengguna tidak boleh memilih masa di luar julat yang anda tetapkan.
Pengesahan Pintar
Pengesahan peringkat pelayar menghalang penyerahan yang tidak sah sebelum pengguna mengklik hantar.
Gunakan Kes:
- Waktu perniagaan: 9:00 PG – 6:00 PTG sahaja
- Acara petang: Selepas 5:00 petang sahaja
- Slot pagi: Sebelum 12:00 PM sahaja
- Syif malam: 10:00 PM – 6:00 AM
Contoh:
- Tempahan restoran: Minimum 11:00 PG, Maks 10:00 MLM
- Kelas gim: Minimum 6:00 PG, Maks 9:00 MLM
- Waktu sokongan: Minimum 8:00 PG, Maks 5:00 PTG
🔧 Pilihan Masa Lalai
Tiga Nilai Permulaan Pintar:
1. Kosong (Tiada Lalai)
Pengguna bermula dengan medan kosong – paling baik apabila masa sentiasa unik.
2. Masa Semasa
Isi automatik dengan masa semasa borang dimuatkan – sesuai untuk medan “masa kejadian” atau cap waktu.
3. Masa Tersuai
Pra-pilih masa tertentu seperti “9:00 PG” untuk masa temu janji yang dicadangkan atau pilihan biasa.
Bila Untuk Menggunakan Setiap:
- Kosong – Waktu mula acara, jadual peribadi
- Semasa – Cap masa laporan, masa daftar masuk
- Tersuai – Waktu mesyuarat yang dicadangkan, waktu lalai
⚡ Ketepatan Saat (Pilihan)
Tambah Saat Apabila Diperlukan
Dayakan medan saat (HH:MM:SS) untuk penjejakan masa yang tepat. Sesuai untuk ujian masa, jam randik dan cap masa yang tepat.
Contoh Format:
- Tanpa saat: 14:30 atau 2:30 PTG
- Dengan saat: 14:30:45 atau 2:30:45 PTG
Ideal Untuk:
- Pemasaan masa sukan dan keputusan perlumbaan
- Eksperimen saintifik
- Sistem pembalakan yang tepat
- Penyerahan percubaan masa
🔀 Logik Bersyarat
Medan Masa Dinamik
Tunjukkan atau sembunyikan medan masa berdasarkan nilai borang lain. Cipta borang pintar yang menyesuaikan diri dengan input pengguna.
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 “Masa panggilan pilihan” hanya apabila “Hubungi melalui telefon” dipilih
- Paparkan “Masa mula acara” apabila jenis acara bersamaan dengan “Acara Tersuai”
- Sembunyikan “Masa penghantaran” apabila kaedah penghantaran ialah “Penghantaran Standard”
- Dedahkan “Masa mesyuarat” apabila jenis mesyuarat bersamaan dengan “Secara Bersemuka”
🎨 Pengalaman Pengguna yang Dipertingkatkan
Pengaktifan Klik-Mana-mana Sahaja
Klik mana-mana sahaja pada medan untuk membuka pemilih masa natif – kawasan sasaran yang lebih besar, kebolehgunaan yang lebih baik.
Pemilih Masa Asli
Menggunakan pemilih masa terbina dalam pelayar dengan antara muka yang biasa dan dioptimumkan untuk platform (roda iOS, jam Android, menu lungsur turun desktop).
Mudah Alih Dioptimumkan
Pemilihan masa mesra sentuhan dengan papan kekunci dan pemetik mudah alih asli.
Ciri-ciri tambahan:
- Kelas CSS tersuai untuk penggayaan
- Mod medan tersembunyi untuk masa sistem
- Sokongan kebolehcapaian (label ARIA)
- Butang kosong untuk tetapan semula yang mudah
- Pengesahan medan yang diperlukan
- Sokongan teks pemegang tempat
Persediaan Mudah dalam 3 Langkah
Sediakan Medan Masa anda dalam beberapa minit
Tambah Medan Masa
Seret dan lepas medan Masa daripada bahagian Medan Asas ke dalam borang anda.
Konfigurasikan Format & Selang
Pilih format 12 jam atau 24 jam, tetapkan selang masa (setiap 15 minit, 30 minit, dsb.) dan secara pilihan, tambahkan sekatan masa minimum/maks.
Tetapkan Masa Lalai
Pilih sama ada medan bermula kosong, dengan masa semasa atau masa tersuai yang anda tentukan. Dayakan saat jika anda memerlukan pemasaan yang tepat.
🎉 Itu sahaja! Medan masa anda sudah sedia dengan pemformatan pintar dan pengesahan.
Aplikasi Dunia Sebenar
Perkhidmatan & Tempahan
* Waktu servis kenderaan
* Jadual lawatan hartanah
* Waktu tempahan lawatan
* Slot tempahan kemudahan
Tempahan Kelas & Aktiviti
* Waktu kelas kecergasan
* Penjadualan sesi latihan
* Slot masa aktiviti berkumpulan
* Pilihan masa pelajaran
Operasi Perniagaan
* Masa mula/tamat syif
* Penyerahan jadual kerja
* Penyelarasan masa mesyuarat
* Pemilihan masa ketersediaan
Tempahan Janji Temu
* Penjadualan temujanji perubatan
* Tempahan salun dan spa
* Pemilihan masa perundingan
* Permintaan temu janji perkhidmatan
Pendaftaran Acara
* Masa mula/tamat acara
* Pilihan masa sesi
* Slot masa bengkel
* Pemilihan jadual persidangan
Penghantaran & Pengambilan
* Tempoh masa penghantaran makanan
* Waktu pengambilan kedai
* Penjadualan pengambilan tepi jalan
* Pilihan slot penghantaran
Pilihan Medan Lengkap
Konfigurasi asas
- Label Medan – Tajuk yang ditunjukkan di atas medan masa
- Teks Penerangan/Bantuan – Panduan tambahan untuk pengguna
- Medan Wajib – Pastikan pemilihan masa wajib
- Teks Pemegang Tempat – Teks petunjuk sebelum pengguna memilih masa
Tetapan Format Masa
- Format Paparan
- Jam 24 jam (14:30)
- Jam 12 jam dengan AM/PM (2:30 PM)
Ketepatan & Selang Masa
- Selang Masa
- Setiap minit
- Setiap 5 minit
- Setiap 10 minit
- Setiap 15 minit (paling popular)
- Setiap 30 minit
- Setiap jam
Tunjukkan Saat – Tambah medan saat untuk masa yang tepat (HH:MM:SS)
Sekatan Masa
- Masa Terawal Dibenarkan (Min) – Pengguna tidak boleh memilih masa sebelum ini
- Masa Terkini Dibenarkan (Maks) – Pengguna tidak boleh memilih masa selepas ini
Nilai Lalai
- Pemilihan Masa Permulaan
- Tiada masa yang telah dipilih terlebih dahulu (kosong)
- Masa semasa (dinamik – dimuatkan apabila borang dibuka)
- Masa tersuai (masa tertentu yang anda tetapkan)
Masa Permulaan Tersuai – Pilih masa tertentu untuk pra-isi (apabila “Tersuai” 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
- Mod Medan Tersembunyi – Gunakan sebagai medan tersembunyi dengan nilai yang telah ditetapkan
- Kelas CSS Tersuai – Gunakan penggayaan tersuai
- Atribut Kebolehcapaian – label dan perihalan ARIA
Mengapa Memilih Medan Masa Kami?
✅ Intuitif – Pemilih pelayar asli memberikan pengalaman yang biasa
✅ Fleksibel – format 12 jam atau 24 jam sepadan dengan pilihan pengguna
✅ Tepat – Selang masa tersuai dari setiap minit hingga setiap jam
✅ Pintar – Sekatan minimum/maksimum menghalang pilihan masa yang tidak sah
✅ Dinamik – Logik bersyarat mencipta bentuk adaptif
✅ Mesra Pengguna – Pengaktifan klik-mana-mana untuk UX yang lebih baik
✅ Dioptimumkan Mudah Alih – Pemilih masa asli mesra sentuhan
✅ Bersepadu Sepenuhnya – Berfungsi dengan lancar dengan semua ciri borang
Soalan Lazim
S: Apakah perbezaan antara format 12 jam dan 24 jam?
Format 12 jam menunjukkan waktu dengan PG/PTG, seperti 2:30 PTG. Format 24 jam menggunakan waktu seperti 14:30 dan lazim di peringkat antarabangsa.
S: Bagaimanakah selang masa berfungsi?
Selang masa menetapkan sejauh mana pilihan masa diperincikan. Contohnya, selang masa 15 minit menunjukkan 9:00, 9:15, 9:30 dan sebagainya.
S: Bolehkah saya mengehadkan waktu kepada waktu perniagaan sahaja?
Ya. Tetapkan waktu paling awal dan paling lewat, seperti 9:00 PG hingga 5:00 PTG, dan pengguna hanya boleh memilih dalam julat tersebut.
S: Apakah maksud lalai "Waktu Semasa"?
Apabila diaktifkan, medan akan diisi secara automatik dengan masa semasa pengguna apabila borang dimuatkan.
S: Adakah saya memerlukan medan saat?
Biasanya tidak. Dayakannya hanya apabila anda memerlukan masa yang tepat, seperti entri HH:MM:SS untuk acara atau data teknikal.
S: Bagaimanakah pemilih masa berfungsi pada telefon bimbit?
Setiap peranti menggunakan UI natifnya. iOS biasanya menggunakan pemilih roda, manakala Android menggunakan pemilih gaya jam.
S: Bolehkah saya menggunakan logik bersyarat dengan medan masa?
Ya. Anda boleh memaparkan atau menyembunyikan medan berdasarkan masa yang dipilih menggunakan syarat seperti “Sama dengan”, “Lebih besar daripada”, atau “Kurang daripada”.
S: Apa yang berlaku jika pengguna cuba memilih masa yang tidak sah?
Masa di luar julat yang dibenarkan disekat oleh pengesahan pelayar dan tidak boleh dipilih.
S: Bolehkah saya mengisi terlebih dahulu pada masa tertentu?
Ya. Pilih “Tersuai” untuk masa lalai dan pilih sebarang nilai yang anda mahu pramuat.
S: Adakah medan masa berfungsi dalam semua pelayar?
Semua pelayar moden menyokong input masa HTML5 dengan pemilih terbina dalam. Pelayar lama kembali kepada input teks dengan pengesahan.
S: Bolehkah saya menggayakan medan masa agar sepadan dengan laman web saya?
Ya. Pemilih menggunakan UI asli, tetapi medan input boleh digayakan dengan kelas CSS.
S: Apakah format yang digunakan oleh masa yang dihantar?
Nilai masa sentiasa dihantar dalam format 24 jam, memastikan data yang konsisten untuk pemprosesan.
