zoukankan      html  css  js  c++  java
  • magento开发日记前台表单时间选择

    前几天项目中的一个表单需要用到时间选择器,经网上查找,掌握了日期的选择,但时间总是不出来,后来通过分析,发现通过修改一下页面js,搞定!

    1:在需要用日期选择器的layout文件,添加:

    <reference name="head">
        <action method="addItem"><type>js_css</type><name>calendar/calendar-win2k-1.css</name><params/></action>
                <action method="addJs"><script>calendar/calendar.js</script></action>
                <action method="addJs"><script>calendar/calendar-setup.js</script></action>
                <block type="core/html_calendar" name="head.calendar" as="calendar" template="page/js/calendar.phtml"/>
     </reference>

    2:在表单上添加:

    <li class="fields">
                 <div class="field">
                    <label for="deliveryDateTime"><?php echo Mage::helper('contacts')->__('Delivery DateTime') ?></label>
                    <div class="input-box">
                        <input name="date_time"  readonlyid="date_time" title="<?php echo Mage::helper('contacts')->__('Delivery DateTime') ?>" value="" class="input-text" type="text" />
                    </div>
                    </div> 
                     <div class="field">
                    <label >&nbsp;</label>
                    <div class="input-box">
                       <img src="<?php echo $this->getSkinUrl().'images/grid-cal.gif'?>" border="0" alt="" title="" id="datatimePicker"/>     
                    </div>
                   </div> 
                </li>


    3:添加js

    <script type="text/javascript">
    //<![CDATA[
        Calendar.setup({
           inputField:"date_time",
           ifFormat:"<?php echo Mage::app()->getLocale()->getDateStrFormat(Mage_Core_Model_Locale::FORMAT_TYPE_SHORT) ?> %H:%M",
           showsTime:true,
           button:"datatimePicker",
           align:"br",
           singleClick:false
           });
    //]]>
    </script>

    如果不需要时间,把showsTime设置为false,同时把标绿色的时间格式去掉

  • 相关阅读:
    前端 jquery获取当前页面的URL信息
    PHP合并数组及去重,PHP检测一个数组中有几个相同的
    ThinkPHP缓存技术(S(),F(),查询缓存,静态缓存)
    php 检测url
    ThinkPHP函数详解:F方法
    图片查看器(图片放大缩小功能)
    Thinkphp路由配置和静态缓存规则【原创】
    mySQL-CRUD操作(数据库的增删改查)练习题
    mySQL CRUD操作(数据库的增删改查)
    初识mySQL(关系型数据库)
  • 原文地址:https://www.cnblogs.com/zhouwenwu/p/2475193.html
Copyright © 2011-2022 走看看