Postingan lainnya
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>