JQuery Date Picker с JSF

Question

Я использую плагин JQuery Date Picker для моего JSF.

Работает нормально для страницы только с 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' });
});

1012 * 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из ваших входов ...