Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Bagaimana cara mengambil date otomatis dari datetimepicker ?
<script type="text/javascript">
$(function () {
$('#datepicker1').datetimepicker({
format: 'MM-DD-YYYY',
});
});
</script>
bagaimana agar field tgl terisi otomatis sesuai dengan yg ada di laptop mengikutiformat sesuai pada datetimepicker ?
4 Jawaban:
kalau kodenya polos aja ngga muncul otomatis ya?
jQuery('#datetimepicker').datetimepicker();
coba cek contoh-contohnya disini http://xdsoft.net/jqplugins/datetimepicker/
kalo keluar otomatis gimana mas ?
sesuai dengan format MM-DD-YYYY tanpa harus di klik
mengatasinya bagaimana yaaa ?
coba gini
$('#datetimepicker').datetimepicker('setDate', (new Date()));
Masih gak bisa mas, malah gak keluar tglnya
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Datetimepicker</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div>
<div style="padding-top: 25px;">
<center><h1>jQuery Datetimepicker</h1></center>
</div>
<br />
<div class="row">
<div class='col-sm-4'>
</div>
<!-- DATETIMEPICKER -->
<div class='col-sm-4'>
<label>Date Picker:</label>
<div class="form-group">
<div class='input-group date' id='datetimepicker'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
<!-- DATETIMEPICKER -->
<div class='col-sm-4'>
</div>
</div>
</div>
</div>
<script src="js/jQuery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/moment.js"></script>
<script src="js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
$(function () {
$('#datetimepicker').datetimepicker('setDate', (new Date()));
});
});
</script>
</body>
</html>