yii2框架中引用bootstrap中的日期插件yii2-date-picker

最近在学习yii2 框架,发现框架很强大,而且结合了时下许多新的技术在里面。

简单记录一下yii2-date-picker插件的使用方法:

首先先了解一下github中的相关资源:https://github.com/2amigos/yii2-date-picker-widget

其次:在自己的项目中利用上面链接中的相关方法下载此资源,命令为:

php composer.phar require "2amigos/yii2-date-picker-widget"
"*"

最后,在视图文件中使用下面的代码:

use dosamigos\datepicker\DatePicker;
例子中提供了两种方法:
1>  使用widget方式
<?= DatePicker::widget([
    ‘model‘ => $model,
    ‘attribute‘ => ‘date‘,
    ‘template‘ => ‘{addon}{input}‘,
        ‘clientOptions‘ => [
            ‘autoclose‘ => true,
            ‘format‘ => ‘dd-M-yyyy‘
        ]
]);?>

2> ActiveForm方式

<?= $form->field($model, ‘date‘)->widget(
    DatePicker::className(), [
        // inline too, not bad
        ‘inline‘ => true,
        // modify template for custom rendering
        ‘template‘ => ‘<div class="well well-sm" style="background-color: #fff; width:250px">{input}</div>‘,
        ‘clientOptions‘ => [
            ‘autoclose‘ => true,
            ‘format‘ => ‘dd-M-yyyy‘
        ]
]);?>
时间: 2024-11-10 13:15:59

yii2框架中引用bootstrap中的日期插件yii2-date-picker的相关文章

如何在前端项目中引用bootstrap less?

在基于bootstrap css框架的前端项目开发中,如果有grunt build系统,那么工作流是:客制化less,在less中定义自己的 CSS,同时可以随意引用bootstrap中预定义好的css类,一旦保存文件,grunt则开始重新构建,生成最后的生产文件.问题是: 如何能够在自己的客制less文件中引入bootstrap的less变量或者mixin呢? 比如:我如何能够实现在屏幕尺寸在@screen-md时,将所有的图片隐藏呢? 对于这个场景,假设项目目录结构如下: > bower_c

在jsp页面中导入BootStrap中的文件

BootStrap应该放在项目的根目录下面 然后因为我的jsp页面跟html页面是写在HTML文件夹中,所以我路径的导入应该像下面的图一样,退回到上级目录再写路径.

prefix pch 中引用cocoapods 中的头文件失败

如题,遇到这个问题,卡了几个小时,记下来防止下次再卡住: 解决办法: 1.pod install, 2.新建pch文件:projectname-Prefix.pch, 3.按要求在工程配置中添加, OK,解决,具体原因不明.见:https://github.com/CocoaPods/CocoaPods/issues/2671

在Visual Studio开发的项目中引用GAC中的dll

Open the windows Run dialog (Windows Key + r) Type C:\Windows\assembly\gac_msil. This is some sort of weird hack that lets you browse your GAC. You can only get to it through the run dialog. Find your assembly and copy its path from the address bar.

Yii2框架那些折磨人的坑

说点闲话 距离上次写博客,已经有一年了.在动手写之前,总是带着深深的罪恶感.被它折磨许久,终于,还是,动手了. 值得庆祝的一件事:最近开始健身了.每天动感单车45分钟,游泳45分钟,真的是(生)爽(不)到(如)爆(死). 好了,扯淡完毕,步入正题. ActiveRecord被莫名写入? 准备知识 ActiveRecord的基本用法.如果不理解,可参考这里. 代码现场 /** * @property integer $id * @property string $name * @property

Django 引用bootstrap

在django中引用bootstrap 修改settings.py,z增加一行 BOOTSTRAP_DIR='/data/rainbow/static/bootstrap' 修改urls.py,增加以下内容 import settings url(r'^bootstrap/(?P<path>.*)$','django.views.static.serve',{'document_root': settings.BOOTSTRAP_DIR}), HTML模板文件 <link rel=&qu

扩展日期插件

1.请扩展日期插件(/date/js/jq.date.js),使其在select后面自动加上“年”. “月”.“日”;并添加一个参数(lang)控制语言选择:当lang为“chs”时如图1效果,当lang为“eng”如图2效果: 图 1 <!doctype html><html><head><meta charset="utf-8"><title>下拉日期插件</title></head><scr

在YII2框架中使用UEditor编辑器发布文章

在YII2框架中使用UEditor编辑器发布文章 创建文章数据表 文章数据表主要有4个字段 id  主键(int) title 标题(varchar) content 内容(text) created_time 创建时间(int) 创建文章模型 创建文章模型,不要忘记设置验证规则和字段的名称 namespace backend\models; class Article extends \yii\db\ActiveRecord { public function rules() { return

在HTML网页中引入Bootstrap前端框架

Bootstrap百度百科介绍: Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成. 这是优雅的分割线..................................