Cara Membuat Kalender Untuk Input Data Date (Tanggal) di Php

Tutorial Membuat Kalender Untuk Input Data Date (Tanggal, Bulan, Tahun) Dengan Java Script di Php adalah tutorial yang akan kita bahas pada tutorial php kali ini. namun sebelum kita masuk ke tutorialnya saya akan menjelaskan sedikit tentang kalender input tanggal.

Kalender input data date adalah sebuah java script untuk mempermudah kita dalam menginput data tanggal, bulan, tahun.

membuat-kalender-input-date

Saat kita membuat sebuah web atau sistem informasi pasti kita pernah membuat input data tanggal lahir, biasanya untuk input tanggal lahir kita membuat form inputannya berupa combobox, dan comboboxnya kita buat sebanyak tiga combobox, dimulai dari combobox tanggal, bulan dan tahun.

sebenarnya kita bisa membuat input tanggal lahir ini dengan input kalender. dengan input kalender ini kita tidak perlu lagi untuk membuat combobox. dengan input kalender ini dapat mempercepat penginputan data tanggal, baik itu tanggal lahir atau data tanggal apapun.

nah berikut kita akan membuat kalender input data tanggal dengan java script di php

pertama buat sebuah folder di htdocs anda dengan nama inputkalender

buat sebuah file php dengan nama index.php kemudian salin script php dibawah ini kedalamnya simpan dengan nama index.php. simpan file index.php di dalam folder inputkalender

<html>
<head>



<title>Contoh Kalendar Input Data Phpdanmysql.com</title>
</head>
<body>
<center>
<div id="konten">

<h3>Contoh Kalender Input Date</h3>
<form name="postform" action="aksi.php" target="_blank" method="post"><table align="center" id="tabeledit" width="350">
<tr>
<td>Dari Tanggal :</td> <td><input type="text" id="from" name="from" onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.from);return false;"/><a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.from);return false;"><img name="popcal" align="absmiddle" style="border:none" src="calender/calender.jpeg" width="34" height="29" border="0" alt=""></a></td>
</tr>
<tr>
<td>Sampai Tanggal :</td> <td>
<input type="text" id="to" name="to" onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.to);return false;"/><a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.to);return false;" ><img name="popcal" align="absmiddle" style="border:none" src="./calender/calender.jpeg" width="34" height="29" border="0" alt=""></a></td>
</tr>
</table>
</form>

</div></div><center>
  <div id="footer">Copyright @ PhpdanMySQL.Com </div>
</center>

<iframe width=174 height=189 name="gToday:normal:calender/agenda.js" id="gToday:normal:calender/agenda.js" src="calender/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe>

Baca Juga : Cara Membuat validasi Input Data

setelah kita membuat index.php lalu kita buat folder calender di dalam folder inputkalender ambil aja folder beserta isi dan java script kelender disini calender

Baca Juga Cara Membuat Pencarian Data Berdasarkan Dua Tanggal

setelah kita membuat folder calender sekarang coba diakses di localhost anda http://localhost/inputkalender kalau tampil seperti gambar dibawah ini berarti anda sudah berhasil membuat kalender input data tanggal bulan dan tahun.

kalender-input-data-date

setelah kita berhasil membuat kalender input tanggal bulan dan tahun ini silakan di aplikasikan ke website yang anda buat atau jika yang masih kuliah bisa juga sebagai tugas kuliah, siapa tau bisa dapat nilai plus ya kan.

kesimpulan

Membuat Kalender input data date tanggal bulan dan tahun ini masih sederhana karena pengaplikasiannya masih belum lengkap, belum adanya form input nama, alamat dan yang lainnya.

jika kalian sedang membuat aplikasi berbasis php dan ingin memakai inputan tanggal nya dengan input kalender ini silakan di aplikasikan.

jika ada yang bingung atau error dalam pengaplikasiannya silakan di komentar dibawah.

sekian dari saya semoga bermanfaat

phpdanmysql.com

Keyword:

  • cara membuat input kalender / tanggal otomatis php
  • input tanggal php dengan kalender
  • Membuat Kalender untuk Input Data (date / Tanggal) dgn PHP
  • cara membuat tanggal di html
  • cara menggunakan tanggal lahir date di html
  • cara menambahkan input date html css php
  • Cara membuat tanggal lahir html tampilan kalender
  • cara membuat input tanggal lahir dengan calender menggunakan php dan mysql
  • scrip php tambah data date tanggal lahir
  • cara membuat form input tanggal dengan php

Get real time updates directly on you device, subscribe now.

loading...

Ingin Berkomentar?

×
Lewat ke baris perkakas