【问题标题】:Passing dates from form into blade view将日期从表单传递到刀片视图
【发布时间】:2018-08-23 02:50:06
【问题描述】:

我有一个购物车,其中包含需要选择的取货和退货日期选项。选择它们时,我无法将它们中的任何一个回显到购物车视图中。我正在使用 Laravel 购物车库来构建购物车,它有一个用于额外选项的数组。我已将值传递到那里以传递到视图中,但它似乎不起作用。

这是表格标记:

<form action="{{ route('cart.store') }} " method="POST">
                    {{ csrf_field() }}
                    <fieldset>
                        <div class="formrow" style="margin-right: -10;">
                            <div class="formitem col1" style="margin-right: -10">
                                <label class="label req" for="pickupDate" style="float:left;">Pick Up Date</label>
                                <input type="date" name="pickupDate" id="pickupDate" class="pickupDate"/>
                            </div>
                        </div>
                        <div class="formrow" style="margin-right: -10;">
                            <div class="formitem col1" style="margin-right: -10">
                                <label class="label req" for="returnDate" style="float:left;">Return Date</label>
                                <input type="date" name="returnDate" id="returnDate" class="return" />
                            </div>
                        </div>
                        <div class="formrow" style="margin-right: -10;">
                            <div class="formitem col1of2" style="float: left;">
                                <label class="label" for="location" style="float:left;">Pick Up Location</label>
                                <select name="location" id="location" class="location">
                                    <option>please choose</option>
                                    <option value="bakersfield">Bakersfield</option>
                                    <option value="chico">Chico</option>
                                    <option value="fresno">Fresno</option>
                                    <option value="hayward">Hayward</option>
                                    <option value="manteca">Manteca</option>
                                    <option value="oakley">Oakley</option>
                                    <option value="redwood_city">Redwood City</option>
                                    <option value="sacramento">Sacramento</option>
                                    <option value="salinas">Salinas</option>
                                    <option value="san_jose">San Jose</option>
                                    <option value="san_jose_fusion">San Jose Fusion</option>
                                    <option value="santa_rosa">Santa Rosa</option>
                                </select>
                            </div>
                        </div>
                    </fieldset>
                    <input type="hidden" name="id" value="{{ $rental->id }}">
                    <input type="hidden" name="title" value="{{ $rental->title }}">
                    <input type="hidden" name="pickupDate" value="{{ $rental->pickupDate }}">
                    <input type="hidden" name="returnDate" value="returnDate">
                    <div class="buttons">
                        <div class="back">
                            <button class="primary button" type="submit">Add to Cart</button>
                        </div>
                    </div>
                </form>

这是购物车视图:

<article>
        @if(session()->has('success_message'))
        <div class="alert alert-success">
            {{ session()->get('success_message') }}
        </div>
        @endif
        <h1>Shopping Cart</h1>
        @if(count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        @if (Cart::count() > 0)
        <h2>{{ Cart::count() }} item(s) in Shopping Cart</h2>
        <div>
            <div>
                @foreach (Cart::content() as $item)
                <fieldset>
                    <article class="js-cart-product">
                        <p class="prod-title">Name: {{$item->model->name}} </p>
                        <p class="pu-date">Pick up date: {{ ($item->options->has('pickupDate') ? $row->options->pickup : '') }} </p>
                        <p class="rtn-date">Return Date: {{ ($item->options->has('returnDate') ? $row->options->pickup : '') }}</p>
                        <p class="loc">Location: {{$item->location}}</p>
                        <form action="{{ route('cart.destroy', $item->rowId)}}" method="POST">
                            {{csrf_field()}}
                            {{method_field('DELETE')}}
                            <div class="buttons">
                                <div class="back">
                                    <button class="primary button" type="submit">Delete Item</button>
                                </div>
                            </div>
                            <!-- <div class="cart__footer">
                                <p class="cart__text">
                                    <a class="button" href="#" title="Buy products">
                                        Check Out
                                    </a>
                                </p>
                            </div> -->
                        </form>
                    </article>
                </fieldset>
                @endforeach
            </div>
        </div>
        @else
        <h3>No items in Cart!</h3>
        <a href="{{ route('rental equipment')}} ">Return to Rental Equipment</a>
        @endif
    </div>
</article>

这里是控制器的创建项目部分:

public function store(Request $request)
{

    $duplicates = Cart::search(function ($cartItem, $rowId) use ($request) {
        return $cartItem->id === $request->id;
    });
    if ($duplicates->isNotEmpty()) {
        return redirect()->route('cart.index')->with('success_message', 'Item is already in your cart!');
    }

     $this->validate($request, array(
        'location'=>'required',
    ));

    Cart::add($request->id, $request->title, 1, $request->location, $options = ['pickup' => 'pickupDate', 'returnDate' => 'returnDate'])
        ->associate('App\Rental');

    Session::flash('success', 'The item was successfully save!');

    return redirect()->route('cart.index');
}

【问题讨论】:

  • 您是否包含了您的 javascript 函数来处理刀片中某处的日期选择?并在处理您的 js 函数时确保刀片中表单的 id 也正确
  • @afikri,不,我没有添加任何 javascript。我看不到购物车项目中的日期,我可以返回所有其他数据,但不能返回日期。
  • 这就是为什么你永远不会得到你的约会作品。我已经在这个帖子里回答了stackoverflow.com/questions/51968355/…,也许对你有用
  • @afikri 似乎什么也没做。

标签: php laravel forms laravel-5 cart


【解决方案1】:

来自您的表单刀片

<form action="{{ route('cart.store') }} " method="POST">
   {{ csrf_field() }}
   <fieldset>
      <div class="formrow" style="margin-right: -10;">
         <div class="formitem col1" style="margin-right: -10">
            <label class="label req" for="pickupDate" style="float:left;">
               Pick Up Date
            </label>
            <input type="date" name="pickupDate" id="pickupDate" class="pickupDate"/>
         </div>
       </div>
       <div class="formrow" style="margin-right: -10;">
          <div class="formitem col1" style="margin-right: -10">
             <label class="label req" for="returnDate" style="float:left;">Return Date</label>
             <input type="date" name="returnDate" id="returnDate" class="return" />
          </div>
       </div>

然后在您放置的主/应用刀片的底部某处

<script>
$(function() {
    $("#pickupDate" ).datepicker({dateFormat: 'dd/mm/yyyy'});
});
</script>

<script type="text/javascript">
$(function() {
    $("#returnDate").datepicker({dateFormat: 'dd/mm/yyyy'});
});
</script>

一定要包含这些必要的文件jquery.min.js,如果你使用bootstrap那么你需要bootstrap.min.js, bootstrap-datepicker.min.js

如果有效,请告诉我

【讨论】:

  • @afiki 不起作用,我仍然没有任何回应。我没有为此使用引导程序,我使用的是内置的 HTML 5 日期选择器,而不是任何外部 js。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-07-11
  • 2022-01-01
  • 2019-11-13
  • 2017-09-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多