Yii2 매우 사용하기 쉬운 날짜 구성 요소 및 시간 구성 요소

Yii2 매우 사용하기 쉬운 날짜 구성 요소 및 시간 구성 요소_php 기술

WBOY

풀어 주다： 2016-05-16 19:53:01

원래의

1316명이 탐색했습니다.

날짜 구성요소와 시간 구성요소는 일상적인 개발에 필수적입니다. 오늘 우리는 js 플러그인을 찾는 수고를 모두가 덜어줄 yii2의 매우 사용하기 쉬운 시간 구성 요소에 대해 이야기하겠습니다.

공유하기 전에 효과를 미리 보고 잘 작동하는지 살펴보겠습니다.
물론, 쓸모가 있는지 없는지는 본인의 느낌에 달려있습니다. 위의 사진만 보고는 느낄 수 없습니다. 좋은 소식을 전해드리겠습니다. 이 두 플러그인은 yii2에 통합되었으며 사용이 매우 간단합니다.
날짜 구성 요소와 시간 구성 요소는 전자가 date('Y-m-d') 유형이고 후자는 date('Y-m-d H:i:s') 유형이므로 더 이상 말할 필요가 없습니다. .
먼저 시간 구성 요소 확장을 살펴보겠습니다
확장이므로 첫 번째 단계는 당연히 설치입니다.
composer require kartik-v/yii2-widget-datetimepicker "*"

설치 후 ActiveForm을 사용하여 양식을 생성하는 경우 다음 코드를 참조할 수 있습니다

use kartik\datetime\DateTimePicker; 
<&#63;= $form->field($model, 'created_at')->widget(DateTimePicker::classname(), [ 
 'options' => ['placeholder' => ''], 
 'pluginOptions' => [ 
  'autoclose' => true, 
  'todayHighlight' => true, 
 ] 
]); &#63;>

로그인 후 복사

ActiveForm을 사용하여 양식을 생성하는 것을 좋아하지 않는 일부 학생들은 다음 사용법을 참조해야 합니다

use kartik\datetime\DateTimePicker; 
echo '<label>时间</label>'; 
echo DateTimePicker::widget([ 
 'name' => 'Article[created_at]', 
 'options' => ['placeholder' => ''], 
 //注意，该方法更新的时候你需要指定value值 
 'value' => '2016-05-03 22:10:10', 
 'pluginOptions' => [  'autoclose' => true, 
  'format' => 'yyyy-mm-dd HH:ii:ss', 
  'todayHighlight' => true 
 ] 
]);

로그인 후 복사

至于哪个方便，不言而喻。

整个安装过程确实很简单，我们接下来以同样的方式进行安装日期组件。

composer require kartik-v/yii2-widget-datepicker "@dev"

로그인 후 복사

安装好了后我们开始使用日期组件

use kartik\date\DatePicker; 
<&#63;php echo DatePicker::widget([ 
 'name' => 'Article[created_at]', 
 'options' => ['placeholder' => '...'], 
 //value值更新的时候需要加上 
 'value' => '2016-05-03', 
 'pluginOptions' => [ 
  'autoclose' => true, 
  'format' => 'yyyy-mm-dd', 
  'todayHighlight' => true, 
 ] 
]); &#63;>

로그인 후 복사

看了上面的代码，想必有同学已经猜到针对ActiveForm生成的日期组件的用法了。没错，就那么用，si不si很简单。

<&#63;= $form->field($model, 'created_at')->widget(DatePicker::classname(), [ 
 'options' => ['placeholder' => ''], 
 'pluginOptions' => [ 
  'autoclose' => true, 
  'todayHighlight' => true, 
  'format' => 'yyyy-mm-dd', 
 ] 
]); &#63;>

로그인 후 복사

当然，上面的时间格式都是可以调整的，但是，日期组件，既然是日期，肯定也就只支持ymd三种类型的参数，不然跟时间组件又有啥差别。

有些小伙伴说为啥自己的是英文的，用起来很不方便呀，我想反问一句，你的项目是不是没配置语言是中文？还没配置的同学只需要在你的配置文件里面加上 'language'=>'zh-CN', 即可。

最后，我们看看最终的效果图。