Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
menggunakan dan menyisipkan datepicker ke dalam query
Selamat pagi bapak dan ibu guru, saya pemula dan masih belajar codeigniter,... bagaimana cara menggunakan datepicker di codeigniter ? mohon bantuannya mulai dari file untuk di controllernya dan file tuk view nya...
apakah ada yg harus saya download ? berikut contoh yg sdh sy buat :
<div class="form-group">
<label>Tanggal Pinjam</label>
<input type="date" name="tgl_pinjam" class="form-control">
<?php echo form_error('tgl_pinjam'); ?>
</div>
<div class="form-group">
<label>Tanggal Kembali</label>
<input type="date" name="tgl_kembali" class="form-control">
<?php echo form_error('tgl_kembali'); ?>
</div>
terima kasih atas sebelumnya,.. sekiranya ada yg ingin membagi ilmunya kepada saya, atas bantuannya saya ucapkan banyak terima kasih. salam
2 Jawaban:
"bagaimana cara menggunakan datepicker di codeigniter ?"
Jawab: Kamu bisa menggunakan beberapa JS yang bisa dipakai : (pilih salah satu saja) - JQuery UI ([link]https://jqueryui.com/datepicker/ [/link]) - Bootstrap-Datepicker ([link]https://bootstrap-datepicker.readthedocs.io/en/latest/ [/link]) - Pickdate.js ( http://amsul.ca/pickadate.js/date/) - Datepicker by Fengyuanchen ( https://fengyuanchen.github.io/datepicker/) - dll... (bisa dicari dengan keyword "Datepicker JS")
Contoh dengan JQuery UI:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker - Default functionality</title>
// Dari sini - JS dan CSS yang harus kamu tambahkan
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
// Sampai sini - JS dan CSS yang harus kamu tambahkan
<link rel="stylesheet" href="/resources/demos/style.css">
// Ini Script untuk memakai datepickernya dengan id nya "datepicker"
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
</script>
</head>
<body>
// Samakan id="datepicker" dengan script diatas
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
**Note: dipasang dibagian view saja
kepada @abyanjksatu,..
terima kasih telah memberikan jawaban dan bantuannya. sy olah TKP dulu...
salam