AnsweredAssumed Answered

Month and Year selector is not working in datepicker in a dialog window

Question asked by swarups on Apr 11, 2016

I have a situation like when status changes, the dialog window will open. In that dialog window I have multiple date fields. I used SugarCRM's default date picker. But when I want to change the year and month, the selector/input is not working. In fact on clicking these, the mouse pointer focuses in the first input field.

 

Code for Calendar set up:

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

Code for Dialog window:

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

There is no error in console.

Outcomes