10 Mei 2013

Cara input tanggal JQuery ke dalam database

Apa anda sudah tahu dengan JQuery? Jika belum, Googling aja untuk mengenal JQuery terlebih dahulu.... thumbnail 1 summary
Apa anda sudah tahu dengan JQuery? Jika belum, Googling aja untuk mengenal JQuery terlebih dahulu. Intinya JQuery itu adalah library javascript yang berfungsi untuk mempermudah membuat aplikasi web (PHP,ASP,dll).
Ini lanjutan dari Belajar PHP (Hypertext Preprocessor) dengan mudah tahap 3
Sekarang anda pasti banyak menggunakan input tanggal pada form itu dibikin sendiri, looping lah ini lah. Untuk apa repot-repot membuat datepicker (input tanggal) kalau JQuery bisa digunakan.Yuk ikuti langkahnya :



1. Buat sebuah tabel testanggal

CREATE TABLE IF NOT EXISTS `testanggal` (
`tgl` DATE
)
1. Buatlah file index.php pada folder www atau htdocs pada web directory. Masukkan script JQuery pada tag dibawah <head> atau sebelum tutup </head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
2. Lalu masukkan kembali script berikut sebagai inisial fungsi datepicker
<script> $(function() { $( "#datepicker" ).datepicker(); }); </script>
3. Lalu masukkan kode form untuk meng-entry tanggal
<form id="form1" name="form1" method="post" action="index.php?act=1">
<input type="text" name="tgl" id="datepicker" /> //cukup memanggil id=datepicker maka fungsi berjalan
<input type="submit" name="button" id="button" value="Submit" />
</form>
4. Lalu masukkan kode berikut :

<?php
if(isset($_GET['act']))
{
    if($_GET['act']=="1")
    {       
   
        //di sini saya menggunakan konversikan tanggal sistem dengan tanggal mysql, biasanya format tanggal mysql Y-m-d (1999-12-31)
        $newDate = date("Y-m-d", strtotime($_POST['tgl']));
        mysql_connect("localhost","root","");
        mysql_select_db("belajar");
        mysql_query("Insert into testanggal values ('".$newDate."')");
    }
}
?>
Silahkan jalankan script nya di browser anda. Update selalu ya di sini