From f5d40bd5b883d62ee6fe6e51ad4867c8c0f6fc82 Mon Sep 17 00:00:00 2001 From: Dicky Adrian <13516050@std.stei.itb.ac.id> Date: Sun, 3 Feb 2019 22:56:11 +0700 Subject: [PATCH] changed dosen page for buat pengajuan seminar --- .../views/dosen/create_seminartesis.blade.php | 53 ++++++++++++++++++- 1 file changed, 51 insertions(+), 2 deletions(-) diff --git a/resources/views/dosen/create_seminartesis.blade.php b/resources/views/dosen/create_seminartesis.blade.php index 5e0e824..a403e07 100644 --- a/resources/views/dosen/create_seminartesis.blade.php +++ b/resources/views/dosen/create_seminartesis.blade.php @@ -31,14 +31,16 @@ <label for="haritgl" class="col-md-4 col-form-label text-md-right text-center"> Tanggal </label> - <input type="date" id="haritgl" name="haritgl" class="col-md-8 form-control" > + <input type="text" id="datepickercomponent" class="col-md-8 form-control" autocomplete="off"/> + <input hidden type="date" id="haritgl" name="haritgl" class="col-md-8 form-control" > </div> <div class="form-group row col-md-12"> <label for="waktu" class="col-md-4 col-form-label text-md-right text-center"> Waktu </label> - <input type="time" id="haritgl" name="waktu" class="col-md-8 form-control" > + <input type="text" id="timepickercomponent" class="col-md-8 form-control" autocomplete="off"/> + <input hidden type="time" step="1" id="time" name="waktu" class="col-md-8 form-control" > </div> <div class="form-group row col-md-12"> @@ -61,3 +63,50 @@ </div> </div> @endsection + +@section('bottomjs') +<script> + $(function(){ + let defaultdate = false; + let defaulttime = false; + if ($('#haritgl').val() != ''){ + defaultdate = $('#haritgl').val(); + } + if ($('#time').val() != ''){ + defaulttime = '2000-10-12 ' + $('#time').val(); + } + if ($('#datepickercomponent').length){ + $('#datepickercomponent').datetimepicker({ + format: 'DD/MM/YYYY', + defaultDate: defaultdate, + icons: { + time: 'fa fa-clock-o', + date: 'fa fa-calendar', + up: 'fa fa-chevron-up', + down: 'fa fa-chevron-down', + next: 'fa fa-chevron-right', + previous: 'fa fa-chevron-left'}, + }); + $('#datepickercomponent').on('dp.change', () =>{ + $('#haritgl').val($('#datepickercomponent').data("DateTimePicker").viewDate().format('YYYY-MM-DD')); + }); + } + if ($('#timepickercomponent').length){ + $('#timepickercomponent').datetimepicker({ + format: 'hh.mm.ss A', + defaultDate: defaulttime, + icons: { + time: 'fa fa-clock-o', + date: 'fa fa-calendar', + up: 'fa fa-chevron-up', + down: 'fa fa-chevron-down', + next: 'fa fa-chevron-right', + previous: 'fa fa-chevron-left'}, + }); + $('#timepickercomponent').on('dp.change', () =>{ + $('#time').val($('#timepickercomponent').data("DateTimePicker").viewDate().format('HH:mm:ss')); + }) + } + }); +</script> +@endsection \ No newline at end of file -- GitLab