datetimerange.blade.php 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <div class="{{$viewClass['form-group']}}">
  2. <label class="{{$viewClass['label']}} control-label">{!! $label !!}</label>
  3. <div class="{{$viewClass['field']}}">
  4. @include('admin::form.error')
  5. <div class="row" style="max-width: 603px">
  6. <div class="col-md-6" style="margin-right: 0">
  7. <div class="input-group">
  8. <span class="input-group-prepend">
  9. <span class="input-group-text bg-white"><i class="feather icon-calendar"></i></span>
  10. </span>
  11. <input autocomplete="off" type="text" name="{{$name['start']}}" value="{{ $value['start'] ?? null }}" class="form-control {{$class['start']}}" style="width:180px" {!! $attributes !!} />
  12. </div>
  13. </div>
  14. <div class="col-md-6">
  15. <div class="input-group">
  16. <span class="input-group-prepend">
  17. <span class="input-group-text bg-white"><i class="feather icon-calendar"></i></span>
  18. </span>
  19. <input autocomplete="off" type="text" name="{{$name['end']}}" value="{{ $value['end'] ?? null }}" class="form-control {{$class['end']}}" style="width: 180px" {!! $attributes !!} />
  20. </div>
  21. </div>
  22. </div>
  23. @include('admin::form.help-block')
  24. </div>
  25. </div>
  26. <script require="@moment,@bootstrap-datetimepicker" init="{!! $selector['start'] !!}">
  27. var options = {!! admin_javascript_json($options) !!};
  28. var $end = $('{!! $selector['end'] !!}');
  29. $this.datetimepicker(options);
  30. $end.datetimepicker($.extend(options, {useCurrent: false}));
  31. $this.on("dp.change", function (e) {
  32. $end.data("DateTimePicker").minDate(e.date);
  33. });
  34. $end.on("dp.change", function (e) {
  35. $this.data("DateTimePicker").maxDate(e.date);
  36. });
  37. </script>