Flatpickr 创建额外的输入字段答案

【问题标题】：Flatpickr creates additional input fieldFlatpickr 创建额外的输入字段
【发布时间】：2019-10-16 19:26:57
【问题描述】：

我正在 laravel 中实施一个项目。有一个带有一些输入字段的视图。其中之一应使用 flatpickr 查看。尽管使用了默认选项，flatpickr 总是添加一个额外的输入字段。我想将我定义的输入字段与 flatpickr 一起使用。

生成的代码：

我已经尝试使用 altInput: false 覆盖默认选项，但这根本不起作用。

@extends('layouts.app')

@section('content')
  <div class="card">
    <div class="card-header">
      <h3>Buchung {{ isset($booking) ? 'ändern' : 'anlegen' }}</h3>
    </div>
    <div class="card-body">
      <form method="post" action="{{ isset($booking) ? route('bookings.update', $booking->id) : route('bookings.store') }}">
        @csrf
        @if (isset($booking))
          @method('PUT')
        @endif
        <div class="form-group">
          <label for="project">Projekt</label>
          <select name="project" class="form-control">
            @foreach ($projects as $project)
              <option value="{{ $project->id }}">{{ $project->name }}</option>
            @endforeach
          </select>
        </div>
        <div class="form-row">
          <div class="form-group col-md-3">
            <label for="date">Datum</label>
            <input type="text" id="date" name="date" class="form-control">
          </div>
...

@endsection

@section('scripts')
<script>
flatpickr('#date');
</script>
@endsection

【问题讨论】：

标签： laravel flatpickr

【解决方案1】：

我遇到了类似的问题，flatpickr 正在创建一个新的输入字段 - 隐藏，它没有创建一个在浏览器中可见的新输入字段 - 因为 altInput: 设置为 true。我不确定您是否可以将其设置为 false 而不会影响您想要实现的目标，但也许这会引导您朝着正确的方向进行修复？

【讨论】：