OnLoad event? about jquery-ui-month-picker

[benjamin-albert]

@GreggOrdHume Use the jQuery UI widget create event.

Also note you should:

• bind a change event to the filed to support the user manually changing the value in the input field.
• use the GetSelectedDate method (instead of this.value) which will return null if the user manually typed in an invalid month.

Example:

$(".js-datepicker")
.change(updateAttr)
.MonthPicker({
  ShowIcon: false,
  MonthFormat: "MM yy",
  SelectedMonth: new Date(),
  create: updateAttr,
  OnAfterChooseMonth: updateAttr
});


function updateAttr() {
  var date = $(this).MonthPicker("GetSelectedDate");
  $(this).attr("data-date", date ? date.toLocaleDateString("en-GB") : "null");
}

Example fiddle: http://jsfiddle.net/ev8kk1rv/7/

[benjamin-albert]

Ideally we should have something similar to the AltField option that would make something like this simple.

[GreggOrdHume]

Thanks Benjamin! The example above is perfect.

create: is exactly what i need.

The AltField is close but essentially I am only setting the data attribute so i can grab it later and put it into a variable. create: and onAfterChooseMonth: will allow me to skip the whole data-attribute approach and set the variable inside those events.

Many many thanks :)