Maison développement back-end tutoriel 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>
Copier après la connexion

额外的一些备注:
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>
Copier après la connexion

以上就介绍了Magento后台表单元素标签2--显示日期,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

<🎜>: Dead Rails - Comment apprivoiser les loups
4 Il y a quelques semaines By DDD
Niveaux de force pour chaque ennemi et monstre de R.E.P.O.
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
<🎜>: Grow A Garden - Guide de mutation complet
2 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel Java
1660
14
Tutoriel PHP
1260
29
Tutoriel C#
1233
24
Quelles sont les différences entre Huawei GT3 Pro et GT4 ? Quelles sont les différences entre Huawei GT3 Pro et GT4 ? Dec 29, 2023 pm 02:27 PM

De nombreux utilisateurs choisiront la marque Huawei lors du choix des montres intelligentes. Parmi eux, les Huawei GT3pro et GT4 sont des choix très populaires. De nombreux utilisateurs sont curieux de connaître la différence entre Huawei GT3pro et GT4. Quelles sont les différences entre Huawei GT3pro et GT4 ? 1. Apparence GT4 : 46 mm et 41 mm, le matériau est un miroir en verre + un corps en acier inoxydable + une coque arrière en fibre haute résolution. GT3pro : 46,6 mm et 42,9 mm, le matériau est du verre saphir + corps en titane/corps en céramique + coque arrière en céramique 2. GT4 sain : en utilisant le dernier algorithme Huawei Truseen5.5+, les résultats seront plus précis. GT3pro : ajout d'un électrocardiogramme ECG, d'un vaisseau sanguin et de la sécurité

Comment modifier element.style Comment modifier element.style Nov 24, 2023 am 11:15 AM

Méthodes permettant à element.style de modifier les éléments : 1. Modifier la couleur d'arrière-plan de l'élément ; 2. Modifier la taille de la police de l'élément ; 3. Modifier le style de bordure de l'élément ; . Modifier l'alignement horizontal de l'élément. Introduction détaillée : 1. Modifiez la couleur d'arrière-plan de l'élément, la syntaxe est "document.getElementById("myElement").style.backgroundColor = "red";" 2. Modifiez la taille de la police de l'élément, etc.

Correctif : l'outil de capture ne fonctionne pas sous Windows 11 Correctif : l'outil de capture ne fonctionne pas sous Windows 11 Aug 24, 2023 am 09:48 AM

Pourquoi l'outil Snipping ne fonctionne pas sous Windows 11 Comprendre la cause première du problème peut aider à trouver la bonne solution. Voici les principales raisons pour lesquelles l'outil de capture peut ne pas fonctionner correctement : L'assistant de mise au point est activé : cela empêche l'ouverture de l'outil de capture. Application corrompue : si l'outil de capture plante au lancement, il est peut-être corrompu. Pilotes graphiques obsolètes : des pilotes incompatibles peuvent interférer avec l'outil de capture. Interférence provenant d'autres applications : d'autres applications en cours d'exécution peuvent entrer en conflit avec l'outil de capture. Le certificat a expiré : une erreur lors du processus de mise à niveau peut provoquer ce problème. Solution simple. Celles-ci conviennent à la plupart des utilisateurs et ne nécessitent aucune connaissance technique particulière. 1. Mettez à jour les applications Windows et Microsoft Store

Résoudre l'erreur de montage du disque dur mobile Ubuntu : type de système de fichiers inconnu exfat Résoudre l'erreur de montage du disque dur mobile Ubuntu : type de système de fichiers inconnu exfat Jan 05, 2024 pm 01:18 PM

Une erreur se produit lorsque Ubuntu monte un disque dur mobile : mount: unknownfilesystemtype'exfat' La méthode de traitement est la suivante : Ubuntu13.10 ou installez exfat-fuse : sudoapt-getinstallexfat-fuseUbuntu13.04 ou version antérieure sudoapt-add-repositoryppa:relan. /exfatsudoapt-getupdatesudoapt-getinstallfuse- exfatCentOS Linux montage solution d'erreur de disque USB au format exfat pour charger extfa dans CentOS

Quelles sont les utilisations du mot-clé Type dans Go ? Quelles sont les utilisations du mot-clé Type dans Go ? Sep 06, 2023 am 09:58 AM

L'utilisation du mot-clé Type dans Go inclut la définition de nouveaux alias de type ou la création de nouveaux types de structure. Introduction détaillée : 1. Alias ​​de type. Utilisez le mot-clé "type" pour créer un alias pour un type existant. Cet alias ne crée pas un nouveau type, mais fournit uniquement un nouveau nom pour le type existant. Les alias de type peuvent améliorer le code. la lisibilité du code rend le code plus clair ; 2. Type de structure Utilisez le mot-clé "type" pour créer un nouveau type de structure qui peut être utilisé pour définir des types personnalisés contenant plusieurs champs, etc.

Comment modifier dynamiquement le style en réaction Comment modifier dynamiquement le style en réaction Dec 28, 2022 am 10:44 AM

Méthodes pour réagir pour modifier dynamiquement le style : 1. Ajoutez une référence à l'élément dont le style doit être modifié, avec une syntaxe telle que "<div className='scroll-title clear-fix' ref={ this.manage }>" ; . Grâce au contrôle dynamique Le changement d'état modifie le style de l'élément ; 3. En utilisant le code JS dans le DOM, l'affichage et le masquage des transitions des différents DOM sont réalisés.

Quelles sont les nouvelles fonctionnalités du style Vue3 et comment les utiliser Quelles sont les nouvelles fonctionnalités du style Vue3 et comment les utiliser May 14, 2023 pm 10:52 PM

Nouvelles fonctionnalités du style La version Vue3.2 a apporté de nombreuses mises à niveau au style des composants à fichier unique, tels que les styles locaux, les variables CSS et les styles exposés aux modèles. (Partage vidéo d'apprentissage : tutoriel vidéo vue) 1. Style local Lorsque l'étiquette a un attribut scoped, son CSS ne sera appliqué qu'aux éléments du composant courant : hi.example{color:red;} 2. Le sélecteur de profondeur est scoped Si le sélecteur du style souhaite effectuer une sélection plus "profonde", c'est-à-dire affecter les sous-composants, vous pouvez utiliser la pseudo-classe :deep() : .a:deep(.b){/*.. .*/ }Le contenu DOM créé via v-html ne sera pas

Erreur Vue : impossible d'utiliser v-bind pour lier correctement la classe et le style, comment le résoudre ? Erreur Vue : impossible d'utiliser v-bind pour lier correctement la classe et le style, comment le résoudre ? Aug 26, 2023 pm 10:58 PM

Erreur Vue : impossible d'utiliser v-bind pour lier correctement la classe et le style, comment le résoudre ? Dans le développement de Vue, nous utilisons souvent la directive v-bind pour lier dynamiquement la classe et le style, mais nous pouvons parfois rencontrer des problèmes, comme l'incapacité d'utiliser correctement v-bind pour lier la classe et le style. Dans cet article, je vais vous expliquer la cause de ce problème et vous proposer une solution. Tout d’abord, comprenons la directive v-bind. v-bind est utilisé pour lier V

See all articles