SugarCRM: Селектор месяца и года не работает в datepicker

У меня есть ситуация, когда при изменении статуса открывается диалоговое окно. В этом диалоговом окне у меня есть 3 поля даты. Я использовал SugarCRM для выбора даты по умолчанию. Но когда я хочу изменить год и месяц, селектор/вход не работает. Фактически при нажатии на них указатель мыши фокусируется в первом поле ввода.SugarCRM: Селектор месяца и года не работает в datepicker

Мой код ниже:

$.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();

источник

2016-04-11 swarup sahu

Проверьте на консоли сообщение об ошибке и обновите фактическое сообщение об ошибке. – sAcH

В консоли нет ошибок. Вы можете увидеть скриншот. При нажатии на раскрывающийся список в месяц или на вкладке Year курсор переходит в первое поле ввода –

Я только что нашел и устранил эту проблему, добавив следующий пользовательскую/темы/по умолчанию/css/style.css:

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

Поскольку мой сборщик дат (как и ваш) находится в контейнере диалогового окна UI, по умолчанию z-index из 3 в классе .yui-cal-nav недостаточно высок, чтобы взаимодействовать с полями формы в разделе даты nav (несмотря на возможность увидеть их). Наложение для моего диалога пользовательского интерфейса имеет z-индекс 1000, поэтому установка z-индекса .yui-cal-nav на 1001 поставит его достаточно высоким, чтобы я мог взаимодействовать с полями формы.

источник

2016-09-20 22:35:06

SugarCRM: Селектор месяца и года не работает в datepicker

ответ

Смежные вопросы