日付コンポーネント、時刻コンポーネントは日々の開発において不可欠です。今日は、yii2 の非常に使いやすい time コンポーネントについて説明します。これにより、誰もが JS プラグインを探す手間が省けます。
共有する前に、エフェクトをプレビューして、どのように機能するかを確認しましょう。
もちろん、役に立つかどうかは自分の感覚次第ですが、上の写真を見ただけでは感じられません。良いニュースをいくつかお伝えします。これら 2 つのプラグインは yii2 に統合されており、使い方は非常に簡単です。
日付コンポーネントと時刻コンポーネントについては、前者が date('Y-m-d') 型、後者が date('Y-m-d H:i:s') 型であることは言うまでもありません。 。
まずは時間コンポーネントの拡張機能を見てみましょう
拡張機能なので、最初のステップはもちろんインストールです。
composer require kartik-v/yii2-widget-datetimepicker "*"
インストール後、ActiveFormを使用してフォームが生成されている場合は、以下のコードを参照できます
リーリーActiveForm を使用してフォームを生成することを好まない一部の学生は、次の使用法を参照する必要があります
リーリーどちらが便利かというと、それは自明の理です。
整个安装过程确实很简单,我们接下来以同样的方式进行安装日期组件。
composer require kartik-v/yii2-widget-datepicker "@dev"
安装好了后我们开始使用日期组件
use kartik\date\DatePicker; <?php echo DatePicker::widget([ 'name' => 'Article[created_at]', 'options' => ['placeholder' => '...'], //value值更新的时候需要加上 'value' => '2016-05-03', 'pluginOptions' => [ 'autoclose' => true, 'format' => 'yyyy-mm-dd', 'todayHighlight' => true, ] ]); ?>
看了上面的代码,想必有同学已经猜到针对ActiveForm生成的日期组件的用法了。没错,就那么用,si不si很简单。
<?= $form->field($model, 'created_at')->widget(DatePicker::classname(), [ 'options' => ['placeholder' => ''], 'pluginOptions' => [ 'autoclose' => true, 'todayHighlight' => true, 'format' => 'yyyy-mm-dd', ] ]); ?>
当然,上面的时间格式都是可以调整的,但是,日期组件,既然是日期,肯定也就只支持ymd三种类型的参数,不然跟时间组件又有啥差别。
有些小伙伴说为啥自己的是英文的,用起来很不方便呀,我想反问一句,你的项目是不是没配置语言是中文?还没配置的同学只需要在你的配置文件里面加上 'language'=>'zh-CN', 即可。
最后,我们看看最终的效果图。