На этой странице представлен пример кода, который идеально подходит для задачи, над которой я работаю
Datepicker для веб-страницы, которая позволяет нажимать только определенные даты
однако, когда я его реализую, я получаю следующую ошибку:
TypeError: Результат выражения 'date.getMonths' [undefined] не является функцией.
Я тестирую с использованием тех же версий jquery (1.4.4) и jquery ui на официальном сайте jquery ui
любая помощь с благодарностью!
<!DOCTYPE html>
<html>
<head>
<base href="http://jqueryui.com/demos/datepicker/">
<title>TEST</title>
<link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
<script src="../../jquery-1.4.4.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.datepicker.js"></script>
<link rel="stylesheet" href="../demos.css">
<script>
$(function() {
dates_allowed = {'2/26/2011': 1,'4/2/2011': 1};
$.datepicker.setDefaults({minDate: "+0"});
$.datepicker.setDefaults({maxDate: (new Date(2011, 3, 2))});
$('#Date').datepicker({
// called for every date before it is displayed
beforeShowDay: function(date) {
var date_str = [
date.getFullYear(),
date.getMonths() + 1,
date.getDay()
].join('-');
if (dates_allowed[date_str]) {
return [true, 'good_date', 'This date is selectable'];
} else {
return [false, 'bad_date', 'This date is NOT selectable'];
}
}
});
});
</script>
</head>
<body>
<input type="text" id="Date">
</body>
</html>