Як за допомогою jquery datepicker вибрати тільки місяць

120

Програмування Asp.net
Попередній

Наступний

Що б за допомогою jquery datepicker вибрати тільки місяць, потрібно використовувати ось такий код:

1) У стилях додати запис (цим ми приховуємо вибір дати):

.ui-datepicker-calendar {
display: none;
}

2) Ініціалізація календаря:

$(‘#myDatepicker’).datepicker({
changeMonth: true,
changeYear: true,
dateFormat: ‘yy-mm’,
onClose: function (dateText, inst) {
var month = parseInt($(“#ui-datepicker-div .ui-datepicker-month :selected”).val()) + 1;
var year = $(“#ui-datepicker-div .ui-datepicker-year :selected”).val();
$(this).val(year + “-” + (month < 10 ? “0” + month : month));
},
beforeShow: function (input, inst) {
if ((datestr = $(this).val()).length > 0) {
actDate = datestr.split(‘-‘);
year = actDate[0];
month = actDate[1] – 1;
$(this).datepicker(‘option’, ‘defaultDate’, new Date(year, month));
$(this).datepicker(‘setDate’, new Date(year, month));
}
}
});

3) Якщо потрібно що б на стор було два типи jquery datepicker, то потрібно календар для вибору дати створювати так:

$(“#Birthday”).focus(function () {
$(“.ui-datepicker-calendar”).show();
}, function () {
$(“.ui-datepicker-calendar”).hide();
}).datepicker({
dateFormat: ‘dd.mm.yy’,
changeMonth: true,
changeYear: true
});