9 Maret 2013

Memasukkan JQuery Kalender di PHP




Assalamu`alaikum wr. Wb
slamat malam teman2 skalian..:)
kali ini saya akan berbagi sedikit informasi mengenai bagaimana menggunakan JQuery untuk memasukkan kalender pada program php atau html.
Sbelumnya, apakah JQuery itu?
berikut ini penjelasan dari situs Wikipedia mengena JQuery :


“jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL.”


Naahh,, setelah mengetahui sedikit tntang jQiery, skarang mari kita praktekkan dengan mencoba membuat kalender menggunakan JQuery ini. Langkah pertama ialah membuat desain php atau html sebagai tampilan nya, berikut ini script sederhananya, silahkan copy kan ke notepad dan simpan dalam format .php.


“<html>
<head>
<title>Agenda</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
Pilih Tanggal : <input type="text" name="waktu" id="datepicker" size=70 />
</body>
</html>
”

Coba buka file php yang kita buat tadi dengan menggunakan web browser (Mozilla, Google Chrome, Netscpae,dll),, Voilaa…
pembuatan kalender sudah selesai..:)
Mudah Bukan ???
berikut ini tampilan programnya...:




Label:

2 Tanggapan:

Langganan: Posting Komentar (Atom)