Postingan lainnya

Buku Ini Koding!

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

codeigniter

@gopei

71 Kontribusi 1 Poin

Diperbarui 7 tahun yang lalu

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

@keccikun

368 Kontribusi 197 Poin

Dipost 7 tahun yang lalu

kepada @abyanjksatu,..

terima kasih telah memberikan jawaban dan bantuannya. sy olah TKP dulu...

salam

@gopei

71 Kontribusi 1 Poin

Dipost 7 tahun yang lalu