Magento后台表单元素标签(2)--显示日期

最新推荐文章于 2018-11-01 09:55:00 发布

weixin_33801856

最新推荐文章于 2018-11-01 09:55:00 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

文章标签： php

原文链接：https://segmentfault.com/a/1190000004610178

本文介绍如何在Magento后台表单中实现日期时间选择功能，通过设置特定的表单元素属性，如type类型、时间格式等，无需额外加载JS插件即可完成。

功能介绍：今天要做一个后台表单元素显示出日期时间，开始以为跟Magento后台用到的表单元素标签(1)的功能一样，只需要设置type类型设置为date就可，但是设置了，开始怎么也弄不出来，又想着在后台加载一些js包，引用外部的js插件来实现这个功能，后来请教公司技术牛人，说可以直接调用magento系统自带的就可以，这里记录下如何实现这个功能，效果图如下：
图片描述
代码如下，在Form.php中增加代码如下：

$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),//时间格式
));

额外的一些备注:
1.有时候如果想在后台表单加载一些js,也可以在array()中添加：'after_element_html' => "<script type='text/javascript'>//js代码</script>"。

2.添加css,可以先在外写好css样式，$style="width:6px;text-align:center;"再添加：'style'=> $style,//定义按钮的css 。也可以直接写，例如：'style' => 'width:700px; height:500px;'。

$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>"。
        ));