带有引导日期选择器的 Laravel 4

Posted 2023-05-07

【中文标题】带有引导日期选择器的 Laravel 4

【英文标题】：Laravel 4 with bootstrap-datepicker

【发布时间】：2013-12-14 20:28:39

【问题描述】：

我正在使用带有 Bootstrap 的 Laravel php 框架。我想知道如何在表单中插入日期选择器。

我已经安装了 bootstrap-datepicker，但不知道如何使用。

这是我的表单代码：

 Form::open(array('action' => 'HomeController@postRegister')) 
        <p> Form::text('first_name', '', array('class' => 'form-control','placeholder' => 'primeiro nome')) </p>
        <p> Form::text('last_name', '', array('class' => 'form-control','placeholder' => 'último nome')) </p>
        <p> Form::text('email', '', array('class' => 'form-control','placeholder' => 'email')) </p>
        <p> Form::text('phone_number', '', array('class' => 'form-control','placeholder' => 'o teu número de telemóvel')) </p>
        **<p> Form::text('date_of_birth', '', array('class' => 'form-control','placeholder' => 'a tua data de nascimento')) </p>**
        <p> Form::password('password', array('class' => 'form-control','placeholder' => 'a tua palavra-passe')) </p>
        <p> Form::password('password', array('class' => 'form-control','placeholder' => 'reintroduzir palavra-passe')) </p>
        <p> Form::submit('regista-te', array('class' => 'btn btn-danger')) </p>
         Form::close() 

我需要将此代码替换为日期选择器：

<p> Form::text('date_of_birth', '', array('class' => 'form-control','placeholder' => 'a tua data de nascimento')) </p>

像这样：

作为组件：

我希望有人可以帮助我:)

谢谢！

【参考方案1】：

Twitter 引导使用

 data-datepicker="datepicker"

显示日期选择器。 Laravel 将允许您使用与类和占位符相同的数组。

<p> Form::text('date_of_birth', '', array('class' => 'form-control','placeholder' => 'a tua data de nascimento','data-datepicker' => 'datepicker')) </p>

【参考方案2】：

以下内容对我有用。 @Marco 和我的答案之间的区别是 data-provide 而不是 data-datepicker。

 Form::text('startingDate', null, array('class' => 'form-control input-sm','placeholder' => 'Starting Date','data-provide' => 'datepicker'))