JSFを使用したJQuery日付ピッカー

Question

JSFの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の入力フィールドにしようと、それは同様に正常に動作します。 助けてください！この1がトップにぶつかってしまったので、 は（わずかなチューンアップが必要になることがあります）これは動作するはずです...あなたに

を

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を削除すると思います入力...