changed dosen page for buat pengajuan seminar

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