Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
datetimepicker
Halo teman2x, saya sedang belajar datetimepicker, question is,.. kenapa dalam 1 form ada yang bisa berfungsi tapi ada juga yang tidak berfungsi, berikut contoh gambar dan querynya :
gambar 1:
gambar 2:
berikut scriptnya :
<script type="text/javascript">
$(function () {
$('#datepicker').datetimepicker({
format: 'YYYY-MM-DD',
});
$('#timepicker').datetimepicker({
format: 'HH:mm'
});
});
</script>
Untuk gambar 1 problem date dan time, masih bisa berfungsi, namun untuk menu target date dan time, tidak muncul. mohon pencerahannya dari teman2x.
terima kasih banyak, salam hormat Henry
7 Jawaban:
dibuat class aja, kalo bentuk nya id cmn bisa dipanggil satu kali
$(function () {
$('.datepicker').datetimepicker({
format: 'YYYY-MM-DD',
});
$('.timepicker').datetimepicker({
format: 'HH:mm'
});
});
terima kasih cahyo,... saya sudah ganti scriptnya dari ("#"), menjadi titik ya ("."), namun koq tidak bisa smua?
<div class="row">
<div class="col-xs-6">
<label>Problem Date:</label>
<div class="form-group">
<div class='input-group date' id='datepicker'>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input class="form-control" name="problem_date">
</div>
</div>
</div>
apakah query di atas harus ada perubahan ?
apakah ada lagi yang harus diganti querynya ? thanks mas..
salam
ini juga ganti class
<div class="row">
<div class="col-xs-6">
<label>Problem Date:</label>
<div class="form-group">
<div class='input-group date' class='datepicker'>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
<input class="form-control" name="problem_date">
</div>
</div>
</div>
sudah juga @diana,.. namun masih belum bisa,.... salah dimana ya?? makasih
Jawaban Terpilih
berati harus menggunkan id berbeda-beda gan.
scriptnya taruh di page global...biar bisa ke load semuanya