Diskon 80% terbatas! Masukkan kupon "merdeka" di kelas apa saja

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

avatar gopei
@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

avatar keccikun
@keccikun

368 Kontribusi 197 Poin

Dipost 7 tahun yang lalu

kepada @abyanjksatu,..

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

salam

avatar gopei
@gopei

71 Kontribusi 1 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban