Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
cara set date pada daterangepicker
Bagaimana cara set date pada daterangepicker ??
saya mau melakukan set date yang datanya dari database.
mohon bantuannya ...
<div class="form-group">
<label class="control-label">Masa Tim Kegiatan</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="far fa-calendar-alt"></i>
</span>
</div>
<input type="text" name="tanggal_tim"
class="form-control float-right @error('tanggal_tim') is-invalid @enderror"
value=""
id="reservation" required>
@error('tanggal_tim')
<p class="invalid-feedback"><i
class="far fa-times-circle"></i>
{{ $errors->first('tanggal_tim') }}
</p>
@enderror
</div>
</div>
<script>
$(function() {
$('#reservation').daterangepicker({
Default: {{ date("Y/m/d", strtotime($tim->mulai_tim)) ." / ". date("Y/m/d", strtotime($tim->selesai_tim))}},
minDate: new Date(2021, 1 - 1, 1),
maxDate: new Date(2022, 0 - 0, 0),
locale: {
format: 'YYYY/MM/DD'
}
})
})
</script>
2 Jawaban:
<div>Di Laravel untuk menampilkan waktu sesuati keinginan bisa menggunakan Carbon<br><br>Untuk menggunakan Carbon di file blade atau viewnya<br>contoh<br><br></div><pre>{{ \Carbon\Carbon::parse($post->created_at)->diffForHumans() }} //ini cara menampilkan waktu yang lalu</pre><div><br>Untuk kasus kamu,<br>bagaimana cara menggunakan waktu php dari database pada datepicker di javascript<br><br>Menggunakan metode <a href="https://carbon.nesbot.com/docs/#api-formatting">format di carbon</a> untuk menampilkan sesuai kebutuhan</div><pre> {{ $post->created_at->format('m/d/Y') }}</pre><div><br></div><div><br><br></div>
Tanggapan
saya pakai nya date range picker . kode yang saya buat menampilkan tanggal sekarang. bukan tanggal yang saya set. sudah coba saya taruh di value input date range picker namun masih sama . mohon bantuan
klik kanan, inspect element, cek di console errornya apa. Sebaiknya di pertanyaan juga sebutkan libraray yang digunakan. Format di atas tinggal disesuaikan dengan kebutuhan
<div>Coba bantu ya, berikut cara set date di daterangepicker<br><br><figure data-trix-attachment="{"contentType":"image/png","filename":"image.png","filesize":38123,"height":326,"url":"https://i.ibb.co/58zjzSJ/image.png","width":1414}" data-trix-content-type="image/png" data-trix-attributes="{"presentation":"gallery"}" class="attachment attachment--preview attachment--png"><img src="https://i.ibb.co/58zjzSJ/image.png" width="1414" height="326"><figcaption class="attachment__caption"><span class="attachment__name">image.png</span></figcaption></figure></div>