Lewati ke konten utama

Generator Input Tanggal & Waktu HTML

API reference

Buat field <input> tanggal, waktu, atau datetime-local — atur nama, label, jenis, dan rentangnya, lalu salin HTML siap pakai. Gratis, instan, tanpa AI.

Input

Gunakan nama huruf kecil yang deskriptif dengan garis bawah atau tanda hubung agar mudah dibaca (mis. meeting_date atau event-time).

Pengaturan

Formatnya bergantung pada Jenis input: tanggal dan waktu → YYYY-MM-DDThh:mm, hanya tanggal → YYYY-MM-DD, hanya waktu → hh:mm.

Satuannya bergantung pada Jenis input: tanggal dan waktu/hanya waktu → detik, hanya tanggal → hari.

Tambahkan kelas CSS kustom ke elemen. Pisahkan beberapa kelas dengan spasi.

Output

HTML
 
Apakah ini membantu?

Cara lain menggunakan alat ini

REST API

curl -X POST https://api.iotools.cloud/v1/tool/html-generator/input-date-time \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "customName": "my-datetime",
    "customLabel": "Select Date and Time",
    "customType": "datetime-local",
    "customRequired": "",
    "customDisabled": "",
    "customDefaultValue": "",
    "customMin": "",
    "customMax": "",
    "customStep": "",
    "customClasses": ""
  }'

Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.

Tanyakan ke agen AI

Use the IOTools `html-generator__input-date-time` tool (HTML Input Date & Time Generator) on this input:

YOUR_INPUT_HERE

Tempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.

Widget sematan

<iframe
  src="https://iotools.cloud/embed/html-generator/input-date-time/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Generator Input Tanggal & Waktu HTML — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.

Biaya per panggilan API/MCPMulai dari 5 kredit
Butuh kredit lebih?Lihat harga

Juga tersedia melalui

Panduan

Buat <input> tanggal, waktu, atau gabungan tanggal-dan-waktu yang siap ditempel — pilih jenisnya, atur nama, label, serta nilai default/rentang min/max yang opsional, lalu salin HTML yang dihasilkan.

Berjalan sepenuhnya di browser Anda: tanpa panggilan AI, tanpa kredit, tanpa bolak-balik ke jaringan. Keluaran diperbarui seketika setiap kali Anda mengubah opsi apa pun.

Cara menggunakan

  1. Pilih Jenis input — Tanggal dan waktu, Hanya tanggal, atau Hanya waktu.
  2. Atur Nama dan Label.
  3. Opsional, atur nilai default dan rentang min/max — format yang diharapkan ditampilkan di samping setiap field, karena bergantung pada Jenis input yang Anda pilih.
  4. Salin atau unduh HTML yang dihasilkan.

Mengapa tidak ada pratinjau langsung?

Keluarannya adalah markup formulir asli yang belum disanitasi (<input>, <label>) — merendernya langsung di halaman tidak aman. Tempelkan kodenya ke halaman Anda sendiri untuk melihatnya dalam konteks.

htmlinputdatetimegeneratorform

Suka alat-alatnya? Hilangkan iklannya.

Satu kali pembayaran menghapus semua iklan dari akun Anda, selamanya. Tanpa langganan, tanpa pelacakan.