Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save gagimilicevic/f657f7756e06afbf4ed7da120dc313e3 to your computer and use it in GitHub Desktop.
Save gagimilicevic/f657f7756e06afbf4ed7da120dc313e3 to your computer and use it in GitHub Desktop.
JQuery Datepicker with Month and Year only
$(document).ready(function(){
$(".monthPicker").datepicker({
dateFormat: 'mm-yy',
changeMonth: true,
changeYear: true,
showButtonPanel: true,
onClose: function(dateText, inst) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).val($.datepicker.formatDate('yy-mm', new Date(year, month, 1)));
}
});
$(".monthPicker").focus(function () {
$(".ui-datepicker-calendar").hide();
$("#ui-datepicker-div").position({
my: "center top",
at: "center bottom",
of: $(this)
});
});
});
<label for="month">Month: </label>
<input type="text" id="month" name="month" class="monthPicker" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment