当前位置:首页 > 开发 > Web前端 > 前端 > 正文

rich:calendar to show only month and year

发表于: 2013-11-06   作者:sunjing   来源:转载   浏览次数:
摘要: 方案一 <rich:calendar id="coco" value="#{eventTrackingAction.query.month}" showWeeksBar="false"            &n

方案一

<rich:calendar id="coco" value="#{eventTrackingAction.query.month}" showWeeksBar="false"
               showFooter="false" datePattern="MMM,yyyy" styleClass="calendar-month"
               oncurrentdateselect="setMonth();"/>


<h:outputScript target="head">
    function setMonth() {
    var calendar = #{rich:component('coco')};
    var year = calendar.getCurrentYear();
    var month = calendar.getCurrentMonth();
    calendar.setValue(new Date(year,month,1));
    }
</h:outputScript>

 

.calendar-month tr[id] {
    display: none;
}

 

方案二

<ios:calendar value="#{eventTrackingAction.query.month}" id="month" required="true"
              datePattern="MMM,yyyy" oncurrentdateselect="setMonth();"
              rendered="#{eventTrackingAction.query.frequency == 'MONTH'}"/>

<rich:jQuery selector="#month .rf-cal-inp,#month .rf-cal-btn" query="unbind('click')"/>
<rich:jQuery selector="#month .rf-cal-inp,#month .rf-cal-btn" event="click" query="showDateEditor()"/>
<h:outputScript target="head">
    function showDateEditor() {
        #{rich:component('month')}.showDateEditor();
        var input = jQuery("#queryForm\\:monthInputDate");
        var position = input.position();
        var height = input.outerHeight(true);
        var top = position.top + height;
        var left = position.left;

        var monthEditor = jQuery("#queryForm\\:monthEditor")
        var monthEditorShadow = jQuery("#queryForm\\:monthEditorShadow")
        monthEditor.height(158);
        monthEditor.offset({top:top,left:left});
        monthEditorShadow.height(158);
        monthEditorShadow.offset({top:top,left:left});
        jQuery("#queryForm\\:monthDateEditorLayout").width(225);
        jQuery("#queryForm\\:monthEditorLayoutShadow").width(225);
    }

    function setMonth() {
        var calendar = #{rich:component('month')};
        var year = calendar.getCurrentYear();
        var month = calendar.getCurrentMonth();
        calendar.setValue(new Date(year,month,1));
    }
</h:outputScript>

rich:calendar to show only month and year

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
2009年   我喜欢发现身边的一些问题并去想办法解决,去年我做的工作可以用4个1来总结,那就是:引
HOW RICH ARE YOU? Use the codes below ,you can find where you sit in the richest people list
HOW RICH ARE YOU? Use the codes below ,you can find where you sit in the richest people list
1. user guide on google https://developers.google.com/google-apps/calendar/instantiate 2. goo
最近一段时间感觉很困顿,不知道如何再往前走。工作也有一段时间了,很多时候都在浪费时间。开始的
在界面各个位置的弹出视图中加入日历。 Code4App编译测试,测试环境:Xcode 4.3, iOS 5.0。 转载:ht
实现弹出日历效果。可以手指划动选择日历上的多个日期。无需额外API或图片,百分之百CoreGraphics实
TapKu Calendar 是 TapKu 的一个日历控件。 转载:http://www.adobex.com/ios/source/details/000011
http://www.w2bc.com/demo/201508/2015-08-13-jquery-date/index.html
用平凡的镜头,去记录美好的东西…… 不断更新…… 有的用MOTO E680G拍的,有的用My 398拍的,有的
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号