1.与上一种相同,可以通过composer 安装,安装命令:composer require “janisto/yii2-timepicker” “*” 直接等待命令完成就可以了;
2.手动安装
a)下载地址:https://github.com/janisto/yii2-timepicker,下载下来是yii2-timepicker-master.zip文件,解压之后的文件夹名为:yii2-timepicker-master,改名为:yii2-timepicker,然后在vendor文件夹下简历一个新的文件夹janisto,再把yii2-timepicker放进去;
b)另外,你还需下载jqueryui-timepicker-addon,这里面是一些支持这个扩展运行的js文件,可以在网上搜一下,下载好了之后,放在vendor/bower/目录下即可
c)文件下载完成之后,需要进行简单的配置一下,打开文件:vendor/yiisoft/extensions.php,这个文件都是配置的一些扩展,在这个文件最后加上代码:

'janisto/yii2-timepicker' => array ('name' => 'janisto/yii2-timepicker','version' => '1.1.0.0','alias' => array ('@janisto/timepicker' => $vendorDir . '/janisto/yii2-timepicker/src',),),

3.扩展的使用

<?php
use app\models\Date;
use yii\widgets\ActiveForm;
use janisto\timepicker\TimePicker;?>
<table><tr><td><?php
$model=new Date();
$form = ActiveForm::begin([
'action' => ['campaign/getalltransactions'],
'method'=>'post',
]); ?>
<?= $form->field($model, 'date_end')->widget(TimePicker::className(), [//'language' => 'zh-cn','mode' => 'datetime','clientOptions'=>['dateFormat' => 'yy-mm-dd','timeFormat' => 'HH:mm:ss','showSecond' => true,'autoclose' => true,
]
])->label('Date End:') */?><?php ActiveForm::end(); ?>
</td></tr></table>

显示效果如下:

注意:我只是把怎样调用这些插件的安装及使用过程记录了以下,具体的自定义可以在网上查下,也可以在下载的github网站下方查找,如果是用composer安装的,可以在README.md中查看以下。建议最好使用composer安装,因为不需要自己配置,不然需要自己去下载对应需要的js取支持扩展运行。

Yii2.0 时间日期插件之yii2-timepicker相关推荐

  1. php获取laydate,解决laydate时间日期插件定位溢出

    laydate是一款比较好用的网页时间日期插件,不过用起来有一些细节问题需要我们手动去解决!例如:laydate兼容bootstrap 1. 默认情况 laydate弹出层默认对齐input左边框 2 ...

  2. html5 datepicker使用方法,WdatePicker.js时间日期插件的使用方法

    本文介绍了WdatePicker.js时间插件使用,分享给大家,具体如下: 引用: 在项目中引用"plugin-clander"文件夹. 在html中引用"WdatePi ...

  3. WdatePicker时间日期插件总结

    一.引入插件 二.简单应用案例 1).代码 <!DOCTYPE html> <html><head><meta charset="UTF-8&quo ...

  4. 一款好用的JS时间日期插件layDate

    觉得这个插件很不错,使用起来也很方便,推荐使用 1.插件截图 2.插件配置 选择很多,配置也很简单,插件官网:https://www.layui.com/laydate/配置说得很明确,基本操作就是: ...

  5. Yii2.0 RESTful API 之版本控制

    Yii2.0 RESTful API 之版本控制 之前我写过两篇关于 Yii2.0 RESTful API 如何搭建,以及 认证 等处理,但是没有涉及到版本管理,今天就来谈谈版本管理如何实现. 索性就 ...

  6. Yii2.0 PHP框架-姜海强-专题视频课程

    Yii2.0 PHP框架-27619人已学习 课程介绍         具体实例讲解Yii框架的核心内容. 课程收益     通过学习Yii2.x可以使学者对面向对象和Yii有一个深入的了解,进而对以 ...

  7. 头像裁剪上传插件php,yii2.0 上传头像插件(可裁剪)yii2-avatar扩展包

    1.yii2.0 上传头像插件包名 基于cropper的一款头像上传yii2组件 包名: composer require daimakuai/yii2-avatar 2.截图 3.yii2.0 上传 ...

  8. Yii2.0数据格式器

    平时我们在写代码中,总是要写一个单独的文件来全局处理常用的数据格式.Yii2.0却很人性化,为我们内置了一套数据格式器. 1.格式化日期和时间 Yii::$app->formatter-> ...

  9. YII2.0的I18N/L10N是干什么的?是如何工作的?底层原理是什么?

    I18N代表"国际化",L10N代表"本地化",是指将应用程序的用户界面和内容翻译成多种语言和适应不同的本地文化的过程.在YII2.0中,I18N/L10N是一 ...

最新文章

  1. JAVA SE学习day_06:字符流、异常处理
  2. Python文档字符串生成器:基于CodeBERT,支持Google、Numpy等多种输出格式
  3. Linux入门和运维
  4. MATLAB 图像函数(第五章) 图像空间变换和图像配准
  5. Java-GUI编程实战之管理系统 Day3【学生管理系统GUI设计、学生管理系统增删改查、项目MVC结构介绍、Java技能图谱】
  6. Apple 预计于内华达州雷诺市再盖一个数据中心
  7. Flink EventTime和Watermarks原理结合代码分析(转载+解决+精简记录)
  8. C#创建Access
  9. ListView添加headview
  10. Node介绍及环境配置~超级详细哦
  11. linux内核 address_space 结构
  12. win10诊断启动后联网_2步打开win10隐藏高级启动,解决80%系统问题
  13. ThinkPad L13笔记本怎么U盘重装系统教学
  14. CF 106C Buns
  15. 【解决】npm ERR A complete log of this run can be found in npm ERR
  16. 人工智能 | ShowMeAI资讯日报 #2022.06.08
  17. 操作系统原理分析实验
  18. 《小红牛》APP内测功能陆续上线
  19. 经济学人万字总结17年AI领域并购趋势:谷歌领跑,人才竞争白热化
  20. 常见建站安装软件教程 好东西

热门文章

  1. PLSQL ORA-00904 标识符无效
  2. 什么样的程序才算是好程序?
  3. DM368 模块/模组 让办公更加便捷
  4. ybt1271_潜水员
  5. 《食品真相大揭秘》和《中国食品安全现状调查》
  6. Linux下双屏显示设置
  7. React Native:判断RN项目是debug模式还是release模式方法
  8. 网页计数器JavaBean
  9. 前端入门:JS -- BOM (JS执行机制) P10121896-10121916
  10. Mybatis配置 mapper