Я использовал Gijgo DateTimePicker в своем метеорном приложении, используя реакцию. Это работает хорошо. Теперь я пытаюсь отключить все прошлые даты. Я нашел опцию disableDates в этом документы. Но есть возможность отключить конкретную дату. Как отключить все прошлые даты с помощью datetimepicker? Потому что мне нужна дата и время.
Пример Гиджго: 1
<input id = "datepicker" width = "312" />
<script>
$('#datepicker').datepicker({
value: '11/10/2017',
disableDates: [new Date(2017,10,11), '11/12/2017']
});
</script>
Пример Гиджго: 2
<script>
$('#datepicker').datepicker({
value: '11/11/2017',
disableDates: function (date) {
var disabled = [10,15,20,25];
if (disabled.indexOf(date.getDate()) == -1 ) {
return true;
} else {
return false;
}
}
});
</script>
Мой код:
$("#dateTime").datetimepicker({
format: "ddd, mmm d, yyyy h:MM TT",
uiLibrary: "bootstrap4",
iconsLibrary: "fontawesome",
modal: true,
footer: true,
//value: "03/01/2019",
disableDates: function(date) {
const currentDate = new Date();
return date > currentDate ? true : false;
}
});



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете отключить прошлую дату, выполнив что-то вроде
$('#datetimepicker').datetimepicker({
datepicker: {
disableDates: function (date) {
const currentDate = new Date();
return date > currentDate ? true : false;
}
}
});
Функция dateDisable сравнивает каждую дату, которая отображается в текущем окне выбора даты, и решает, следует ли отключить или нет, проверив возвращаемое значение.
Если вы хотите разрешить текущий день, выполните следующие действия.
$('#datepicker').datetimepicker({
datepicker: {
disableDates: function (date) {
// allow for today
const currentDate = new Date().setHours(0,0,0,0);
return date.setHours(0,0,0,0) >= currentDate ? true : false;
}},
});
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<title>Example</title>
<script src = "https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src = "https://unpkg.com/[email protected]/js/gijgo.min.js" type = "text/javascript"></script>
<link href = "https://unpkg.com/[email protected]/css/gijgo.min.css" rel = "stylesheet" type = "text/css" />
</head>
<body style = "padding: 8px;">
<input id = "datetimepicker" width = "312" />
<script>
$('#datetimepicker').datetimepicker({
datepicker: {
disableDates: function (date) {
const currentDate = new Date();
return date > currentDate ? true : false;
}
}
});
</script>
</body>
</html>