首頁 後端開發 php教程 Magento後台表單元素標籤2--顯示日期

Magento後台表單元素標籤2--顯示日期

Jul 29, 2016 am 08:58 AM
gt style type

功能介紹:今天要做一個後台表單元素顯示出日期時間,開始以為跟Magento後台用到的表單元素標籤(1)的功能一樣,只需要設定type類型設定為date就可,但是設定了,開始怎麼也弄不出來,又想著在後台加載一些js包,引用外部的js插件來實現這個功能,後來請教公司技術牛人,說可以直接調用magento系統自帶的就可以,這裡記錄下如何實現這個功能,效果圖如下:
Magento後台表單元素標籤2--顯示日期
程式碼如下,在Form.php中增加程式碼如下:

<code>$fieldset->addField(
        'endtime',
        'date',//type类型
         array(
            'label'     => Mage::helper('blog')->__('Endtime'),
            'required'  => true,//是否为必选项
            'name'      => 'endtime',
            'image'  => $this->getSkinUrl('images/grid-cal.gif'),//增加图标
            'format' => Mage::app()->getLocale()->getDateFormat(Mage_Core_Model_Locale::FORMAT_TYPE_SHORT),//时间格式
));</code>
登入後複製

額外的一些備註:
1.有時如果想在後台表單載入一些js,也可以在array()中新增:'after_element_html' => ""。

2.加入css,可以先在外寫好css樣式,$style="width:6px;text-align:center;"再加入:'style'=> $style,//定義按鈕的css 。也可以直接寫,例如:'style' => 'width:700px; height:500px;'。

<code>$fieldset->addField(
        'endtime',
        'date',//类型,可以为text,datetime,time,submit,select,radio,checkbox,password,link,label,image,file...
         array(
                'label'     => Mage::helper('blog')->__('Endtime'),
                'required'  => true,//是否为必选项
                'style'=> $style,//定义按钮的css .
                'name'      => 'endtime',
                'image'  => $this->getSkinUrl('images/grid-cal.gif'),//添加图片
                'format' => Mage::app()->getLocale()->getDateFormat(Mage_Core_Model_Locale::FORMAT_TYPE_SHORT),
                'after_element_html' => "<script type='text/javascript'>//js代码</script>"。
        ));</code>
登入後複製

以上就介紹了Magento後台表單元素標籤2--顯示日期,包括了方面的內容,希望對PHP教程有興趣的朋友有所幫助。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

華為GT3 Pro和GT4的差異是什麼? 華為GT3 Pro和GT4的差異是什麼? Dec 29, 2023 pm 02:27 PM

許多用戶在選擇智慧型手錶的時候都會選擇的華為的品牌,其中華為GT3pro和GT4都是非常熱門的選擇,不少用戶都很好奇華為GT3pro和GT4有什麼區別,下面就給大家介紹一下二者。華為GT3pro和GT4有什麼差別一、外觀GT4:46mm和41mm,材質是玻璃鏡板+不鏽鋼機身+高分纖維後殼。 GT3pro:46.6mm和42.9mm,材質是藍寶石玻璃鏡+鈦金屬機身/陶瓷機身+陶瓷後殼二、健康GT4:採用最新的華為Truseen5.5+演算法,結果會更加的精準。 GT3pro:多了ECG心電圖和血管及安

element.style怎麼修改 element.style怎麼修改 Nov 24, 2023 am 11:15 AM

element.style修改元素的方法:1、修改元素的背景顏色;2、修改元素的字體大小;3、修改元素的邊框樣式;4、修改元素的字體樣式;5、修改元素的水平對齊方式。詳細介紹:1、修改元素的背景顏色,其語法為「document.getElementById("myElement").style.backgroundColor = "red";」;2、修改元素的字體大小等等。

修復:截圖工具在 Windows 11 中不起作用 修復:截圖工具在 Windows 11 中不起作用 Aug 24, 2023 am 09:48 AM

為什麼截圖工具在Windows11上不起作用了解問題的根本原因有助於找到正確的解決方案。以下是截圖工具可能無法正常工作的主要原因:對焦助手已開啟:這可以防止截圖工具開啟。應用程式損壞:如果截圖工具在啟動時崩潰,則可能已損壞。過時的圖形驅動程式:不相容的驅動程式可能會幹擾截圖工具。來自其他應用程式的干擾:其他正在運行的應用程式可能與截圖工具衝突。憑證已過期:升級過程中的錯誤可能會導致此issu簡單的解決方案這些適合大多數用戶,不需要任何特殊的技術知識。 1.更新視窗與Microsoft應用程式商店應用程

解決Ubuntu掛載行動硬碟錯誤:未知的檔案系統類型exfat 解決Ubuntu掛載行動硬碟錯誤:未知的檔案系統類型exfat Jan 05, 2024 pm 01:18 PM

ubuntu掛載行動硬碟出現錯誤:mount:unknownfilesystemtype'exfat'處理方法如下:Ubuntu13.10或安裝exfat-fuse:sudoapt-getinstallexfat-fuseUbuntu13.04或以下sudoapt-add-repositoryppa:relan/ exfatCentOSLinux掛載exfat格式u碟錯誤的解決方法CentOS中載入extfa

Go中Type關鍵字有哪些用法 Go中Type關鍵字有哪些用法 Sep 06, 2023 am 09:58 AM

Go中Type關鍵字的用法有定義新的型別別名或建立新的結構體類型。詳細介紹:1、類型別名,使用「type」關鍵字可以為現有的類型建立別名,這種別名不會建立新的類型,只是為現有的類型提供一個新的名稱,類型別名可以提高程式碼的可讀性,使程式碼更加清晰;2、結構體類型,使用「type」關鍵字可以建立新的結構體類型,結構體是一種複合類型,可用於定義包含多個欄位的自訂類型等等。

react 怎麼動態修改style react 怎麼動態修改style Dec 28, 2022 am 10:44 AM

react動態修改style的方法:1、在需要修改樣式的元素上新增ref,其語法如「<div className='scroll-title clear-fix' ref={ this.manage }>」;2、透過動態控制狀態的變化修改元素的樣式;3、透過在DOM中使用JS程式碼實現不同DOM的展示與隱藏轉換。

Vue3 style新增的特性有哪些及怎麼用 Vue3 style新增的特性有哪些及怎麼用 May 14, 2023 pm 10:52 PM

style新特性Vue3.2版本對單一檔案元件的style樣式進行了許多升級,例如局部樣式、css變數以及樣式暴露給模板使用等。 (學習影片分享:vue影片教學)一、局部樣式當標籤有scopedattribute的時候,它的CSS只會應用到目前元件的元素:hi.example{color:red;}二、深度選擇器在scoped樣式中的選擇器如果想要做更「深度」的選擇,也即:影響到子元件,可以使用:deep()這個偽類:.a:deep(.b){/*...*/ }透過v-html創建的DOM內容不會被

Vue報錯:無法正確使用v-bind綁定class和style,怎麼解決? Vue報錯:無法正確使用v-bind綁定class和style,怎麼解決? Aug 26, 2023 pm 10:58 PM

Vue報錯:無法正確使用v-bind綁定class和style,怎麼解決?在Vue開發中,我們常常會用到v-bind指令來動態綁定class和style,但是有時候我們可能會遇到一些問題,如無法正確使用v-bind綁定class和style。在本篇文章中,我將為你解釋這個問題的原因,並提供解決方案。首先,讓我們先來了解v-bind指令。 v-bind用於將V

See all articles