SugarCRM：日付ピッカーで月と年のセレクタが機能していません

Question

ステータスが変わったような状況があります。ダイアログウィンドウが開きます。そのダイアログウィンドウには、3つの日付フィールドがあります。 SugarCRMのデフォルト日付選択ツールを使用しました。しかし、年と月を変更したいときは、セレクタ/入力が機能していません。実際にこれらをクリックすると、マウスポインタが最初の入力フィールドにフォーカスします。

私のコードは以下の通りです：

$.each(calenderSets, function(index, value){ 
     Calendar.setup ({ 
      inputField : index,//input field Id 
      ifFormat : cal_date_format, 
      daFormat : cal_date_format, 
      button : value,//calender icon ID 
      singleClick : true, 
      dateStr : "", 
      step : 1, 
      weekNumbers:false 
     }); 
    }); 

、ダイアログウィンドウ：私はちょうど発見したカスタム/テーマ/デフォルトに以下を追加することによって、この問題を修正

dialog = new YAHOO.widget.Dialog('dialog1', { 
     width: winWidth, 
     fixedcenter : "contained", 
     visible : false, 
     draggable: true, 
     position: 'absolute', 
     close:true, 
     centered: true, 
     /*effect:[{effect:YAHOO.widget.ContainerEffect.SLIDE, duration:0.2}, 
       {effect:YAHOO.widget.ContainerEffect.FADE,duration:0.2}],*/ 
     modal:true 
    }); 
    dialog.setHeader("All * marked fields are required"); 
    dialog.setBody(Body here); 
    dialog.setFooter('<button title="save" type="button" class="report-scheduler-btn" name="save" onClick="saveInvoiceDetails()">Save</button>'); 
    dialog.render(document.body); 
    dialog.show(); 
    setCalenderToDateFields(); 

Answer 1

/CSS/style.css：

.yui-calcontainer .yui-cal-nav { 
    z-index: 1001; 
} 

私の日付ピッカーは（あなたのものであるように）UIダイアログコンテナ内にあるため、.yui-cal-navクラスのデフォルトZインデックス3は、日付ナビゲーションセクションのフォームフィールドと対話するのに十分ではありません（それらを見ることができるにもかかわらず）。私のUIダイアログのオーバーレイはz-indexが1000なので、.yui-cal-navのz-indexを1001に設定すると、フォームフィールドとやりとりすることができます。