From 368365d568f9410c85e41f8cc0bc0067ccf9635d Mon Sep 17 00:00:00 2001
From: Mateja <mail@matejamaric.com>
Date: Thu, 3 Dec 2020 23:44:45 +0100
Subject: Use d.m.Y. instead of Y-m-d
---
resources/views/pages/reserve.blade.php | 23 +++++++++++++++++++----
1 file changed, 19 insertions(+), 4 deletions(-)
(limited to 'resources')
diff --git a/resources/views/pages/reserve.blade.php b/resources/views/pages/reserve.blade.php
index fc7f16f..823e8b9 100644
--- a/resources/views/pages/reserve.blade.php
+++ b/resources/views/pages/reserve.blade.php
@@ -42,7 +42,7 @@
<!-- START TIME -->
<div class="form-group">
<label for="start-date">Start date:</label>
- <input class="form-control @error('sdate') is-invalid @enderror" type="date" id="start-date" name="sdate" value="{{ old('sdate') }}" required>
+ <input class="jquery-date form-control @error('sdate') is-invalid @enderror" type="text" placeholder="DD.MM.YYYY." id="start-date" name="sdate" value="{{ old('sdate') }}" required>
@error('sdate')
<div class="alert alert-danger mt-2">{{ $message }}</div>
@enderror
@@ -50,7 +50,7 @@
<div class="form-group">
<label for="start-time">Start time:</label>
- <input class="form-control @error('stime') is-invalid @enderror" type="time" id="start-time" name="stime" value="{{ old('stime') }}" required>
+ <input class="jquery-time form-control @error('stime') is-invalid @enderror" type="text" placeholder="HH:MM" id="start-time" name="stime" value="{{ old('stime') }}" required>
@error('stime')
<div class="alert alert-danger mt-2">{{ $message }}</div>
@enderror
@@ -59,7 +59,7 @@
<!-- END TIME -->
<div class="form-group">
<label for="end-date">End date:</label>
- <input class="form-control @error('edate') is-invalid @enderror" type="date" id="end-date" name="edate" value="{{ old('edate') }}" required>
+ <input class="jquery-date form-control @error('edate') is-invalid @enderror" type="text" placeholder="DD.MM.YYYY." id="end-date" name="edate" value="{{ old('edate') }}" required>
@error('edate')
<div class="alert alert-danger mt-2">{{ $message }}</div>
@enderror
@@ -67,7 +67,7 @@
<div class="form-group">
<label for="end-time">End time:</label>
- <input class="form-control @error('etime') is-invalid @enderror" type="time" id="end-time" name="etime" value="{{ old('etime') }}" required>
+ <input class="jquery-time form-control @error('etime') is-invalid @enderror" type="text" placeholder="HH:MM" id="end-time" name="etime" value="{{ old('etime') }}" required>
@error('etime')
<div class="alert alert-danger mt-2">{{ $message }}</div>
@enderror
@@ -147,6 +147,21 @@
</form>
@endsection()
+@section('styles')
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" integrity="sha512-f0tzWhCwVFS3WeYaofoLWkTP62ObhewQ1EZn65oSYDZUg1+CyywGKkWzm8BxaJj5HGKI72PnMH9jYyIFz+GH7g==" crossorigin="anonymous" />
+@endsection
+
@section('scripts')
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" integrity="sha512-AIOTidJAcHBH2G/oZv9viEGXRqDNmfdPVPYOYKGy3fti0xIplnlgMHUGfuNRzC6FkzIo0iIxgFnr9RikFxK+sw==" crossorigin="anonymous"></script>
+ <script>
+ jQuery('.jquery-date').datetimepicker({
+ timepicker: false,
+ format: 'd.m.Y.'
+ });
+ jQuery('.jquery-time').datetimepicker({
+ datepicker: false,
+ format: 'H:i'
+ });
+ </script>
<script src="{{ asset('js/reserve.js') }}"></script>
@endsection
--
cgit v1.2.3