1. 程式人生 > >Yii 2.0 時間日期外掛之yii2-date-picker-widget

Yii 2.0 時間日期外掛之yii2-date-picker-widget

1.與上一種相同,可以通過composer 安裝,安裝命令:composer require 2amigos/yii2-date-time-picker-widget:~1.0直接等待命令完成就可以了;

2.手動安裝

a)下載安裝包

i.下載地址:
https://github.com/2amigos/yii2-date-time-picker-widget
下載下來是:yii2-date-time-picker-widget-master.zip,直接解壓之後資料夾名為yii2-date-time-picker-widget-master,你需要把它改為
yii2-date-picker-widget,並在vendor 資料夾下建一個新的資料夾,命名為:2amigos,再把yii2-date-picker-widget放在這個檔案中;
ii.另外,你還需下載bootstrap-datepicker,這裡面是一些支援這個擴充套件執行的js檔案,可以在網上搜一下,下載好了之後,放在vendor/bower/目錄下即可
iii.檔案下載完成之後,需要進行簡單的配置一下,開啟檔案:vendor/yiisoft/extensions.php,這個檔案都是配置的一些擴充套件,在這個檔案最後加上程式碼:

'2amigos/yii2-date-picker-widget' => 
    array (
         'name' => '2amigos/yii2-date-picker-widget',
        'version' => '1.0.5.0',
        'alias' => 
            array (
                '@dosamigos/datepicker' => $vendorDir . '/2amigos/yii2-date-picker-widget/src'
     ),
 ),

iv.配置就算搞定了!

b)擴充套件的使用

<?php
use app\models\Date;
use yii\widgets\ActiveForm;
use dosamigos\datepicker\DatePicker;
 ?>
<table><tr><td>
 <?php 
$model=new Date();
$form = ActiveForm::begin([
'action' => ['campaign/getalltransactions'],
'method'=>'post',
]); ?>
<?= $form->field($model
, 'date_start')->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' => 'yyyy-mm-dd' ] ]);?>
<?php ActiveForm::end(); ?> </td></tr></table>

顯示效果如下:
這裡寫圖片描述

注意:我只是把怎樣呼叫這些外掛的安裝及使用過程記錄了以下,具體的自定義可以在網上查下,也可以在下載的github網站下方查詢,如果是用composer安裝的,可以在README.md中檢視以下。建議最好使用composer安裝,因為不需要自己配置,不然需要自己去下載對應需要的js取支援擴充套件執行。

相關推薦

Yii 2.0 時間日期外掛yii2-date-picker-widget

1.與上一種相同,可以通過composer 安裝,安裝命令:composer require 2amigos/yii2-date-time-picker-widget:~1.0直接等待命令完成就可以了; 2.手動安裝 a)下載安裝包 i.下載地址: ht

Yii2.0 時間日期外掛yii-jui-datepicker

1.安裝 a)直接下載檔案安裝 i.直接去連結:https://github.com/yiisoft/yii2-jui就可以把jui擴充套件下載下來,一般下載下來叫:yii2-jui-master.zip,直接解壓出來,加壓之後資料夾名一般是:yii2-ju

轉:vue-router 2.0 常用基礎知識點router.push()

als 返回 ack name rep targe 代碼 添加 clas 轉載地址:http://www.jianshu.com/p/ee7ff3d1d93d router.push(location) 除了使用 <router-link> 創建 a 標簽來

Yii 2.0 數據庫簡單操作(轉)

conf enables sel base attr brush 個數 對象 創建數據庫   開始使用數據庫首先需要配置數據庫連接組件,通過添加 db 組件到應用配置實現("基礎的" Web 應用是 config/web.php),DSN( Data Source Name

Yii 2.0實現聯表查詢加搜索分頁的方法示例

查詢前言最近在學習yii2.0,在使用yii2.0過程中遇到一些問題,現將查詢搜索分頁的方法整理如下,分享出來供大家參考學習,話不多說,來一起看看詳細的介紹:主表:{{%article}}關聯表:{{%article_class}}方法如下1、使用gii創建CRUD和search不詳述2、在Article中添

慕課網 微信服務號+Yii 2.0構建商城系統全棧應用 百度雲網盤分享

div .com alt 商城系統 分享 棧應用 微信 info yii 慕課網 微信服務號+Yii 2.0構建商城系統全棧應用 百度雲網盤分享 慕課網 微信服務號+Yii 2.0構建商城系統全棧應用 百度雲網盤分享

Yii 2.0開發一個仿京東商城平臺

PHP第1章 課程簡介 介紹了課程內容、背景和案例展示。第2章 項目的準備工作介紹了如何使用PHP依賴管理工具Composer安裝Yii2框架,模擬配置真實企業開發項目運行環境和編輯器。第3章 項目前臺頁面的搭建介紹了如何使用Yii2框架的頁面布局管理完成前臺首頁、商品分類、商品詳情、購物車、收銀臺、訂

Yii 2.0整合七牛雲

背景知識: 七牛雲就是我們常說的圖床。什麼是圖床?可以簡單理解為是一種儲存圖片資源的伺服器。 本文基於Yii2簡單介紹七牛雲的使用 1.首先在七牛雲平臺建立賬戶:傳送門 2.登陸賬戶之後,點選頭部選單管理控制檯,進入之後,點選左側選單儲存物件: 3.點選新

Spring Boot 2.0官方文件 Actuator(轉)

執行器(Actuator)的定義 執行器是一個製造業術語,指的是用於移動或控制東西的一個機械裝置,一個很小的改變就能讓執行器產生大量的運動。 An actuator is a manufacturing term that refers to a mechanical device for

Spark2.2.0叢集搭建部署【SPARK叢集篇】

軟體準備資訊,詳見Spark2.2.0叢集搭建部署之【軟體準備篇】 基礎配置資訊,詳見Spark2.2.0叢集搭建部署之【基礎配置篇】 SSH無密訪問,詳見park2.2.0叢集搭建部署之【無密訪問篇】 HADOOP叢集,詳見Spark2.2.0叢集搭建部署之【HADOOP叢集篇】

Spark2.2.0叢集搭建部署【HADOOP叢集篇】

軟體準備資訊,詳見Spark2.2.0叢集搭建部署之【軟體準備篇】 基礎配置資訊,詳見Spark2.2.0叢集搭建部署之【基礎配置篇】 SSH無密訪問,詳見park2.2.0叢集搭建部署之【無密訪問篇】 將hadoop-2.7.7.tar.gz 進行解壓 tar -zxvf 

Spark2.2.0叢集搭建部署【無密訪問篇】

軟體準備資訊,詳見Spark2.2.0叢集搭建部署之【軟體準備篇】 基礎配置資訊,詳見Spark2.2.0叢集搭建部署之【基礎配置篇】 通過SSH無密訪問來達到叢集中機器相互訪問的目的。首先固定機器的ip地址,避免每次重啟機器ip改變的問題。 通過ifconfig命令檢視當前ip地址,若

Spark2.2.0叢集搭建部署【基礎配置篇】

軟體準備資訊,詳見Spark2.2.0叢集搭建部署之【軟體準備篇】 Spark叢集在生產環境中,主要部署在linux的叢集中,所以需要先安裝JDK,SCALA等基礎配置。 由於Spark是計算框架,所以需要預先在叢集內有搭建好儲存資料的持久化層,如HDFS,最後可以通過啟動指令碼執行應用。

Spark2.2.0叢集搭建部署【軟體準備篇】

本文主要展示如何在虛擬機器上搭建部署Spark2.2.0的詳細步驟,包括環境安裝、無密登入、Hadoop叢集,Spark叢集。 需要準備的軟體為: VMware-WorkStation CentOS-7-x86_64-DVD-1708.iso jdk-1.8.0-openjdk scala-

Yii 2.0 query模式語法

etl groupby 自增 left bsp 操作數 set 多條 class 項目使用Yii 2.0版本開發,個人一直喜好使用(new \yii\db\Query())模式操作數據,把增、刪、查、改這4種情況的寫法整理出來,方便查閱和記憶。 增加 - insert 1

yii 2 0 6 修改預設控制器

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Python時間日期格式化time與datetime模組總結

1 引言 2 理論準備 3 time模組 4 timedate模組   4.1 date類   4.2 time類   4.3 datetime類   4.4 datedelta類 1 引言   在實際開發過程中,我們經常會用到日期或者時間,那麼在Python中我們怎麼獲取時間,以及如何將時

Python時間日期格式化time與datetime模組總結!

1 引言 2 理論準備 3 time模組 4 timedate模組 4.1 date類 4.2 time類 4.3 datetime類 4.4 datedelta類 1 引言 在實際開發過程中,我們經常會用到日期或者時間,那麼在Python中我們怎麼獲取時間,以及

vue-router 2.0 常用基礎知識點router.push()

router.push(location) http://www.jianshu.com/p/ee7ff3d1d93d 除了使用 <router-link> 建立 a 標籤來定義導航連結,我們還可以藉助 router 的例項方法,通過編寫程式碼來實現。 ro

綠標2.0達標祕笈隱私安全問題破解

隨著網路發展和手機普及,各類漏洞風險與日俱增。應用高危許可權過度申請問題,愈發受到使用者甚至國家層面的重視。怎樣加強和規範應用許可權管理?如何對安卓手機高危許可權申請? 為保護廣大移動終端使用者的個人隱私,加強和規範智慧終端應用軟體的許可權管理,維護終端使用者的合法權益,安卓綠色聯