使用 JSF 的 JQuery 日期选择器

Question

我正在为我的 JSF 使用 JQuery Date Picker 插件。

对于只有 1 个日期字段的页面，它工作正常，但如果超过 1 个日期字段，则无法将日期值填充到我的输入字段。

就我而言，我想要开始日期和结束日期。

下面是我的代码:

JQUERY

$(document).ready(function(){
    $(".dateto").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: '../resources/images/calendar.gif' });
    $(".datefrom").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: '../resources/images/calendar.gif' });
});

JSF

<h:inputText id="from" value="#{UserManagerBean.startDate}" required="false" styleClass="datefrom" />
<h:inputText id="to" value="#{UserManagerBean.endDate}" required="false" styleClass="dateto" />

供您引用，我尝试使用 2 个 html 输入字段，效果也很好。请帮忙!!!谢谢您

Answer 1

自从这个被撞到顶部......

这应该可以工作(可能需要稍微调整):

    function initDatePickers() {
        $(document).delegate("#from, #to", "focusin", function() {
            var $this = $(this);
            $this.datepicker({
                onClose: function(dateText, inst) { 
                  $(".ui-datepicker-calendar").hide();
                }
            });
            $this.attr( 'readOnly' , 'true' );
        }); 


        $(document).delegate("#from, #to", "focus", function() {
            $(".ui-datepicker-calendar").hide();
        });         
    }

我认为你最好从输入中删除styleClass...