So beschränken Sie die Auswahl vergangener Zeiten in jquery-clockpicker.min.js
Posted: 17 Jan 2025, 07:53
Wenn ich die Uhrauswahl zu diesem Zeitpunkt öffne, wird auch die vergangene Zeit angezeigt, daher möchte ich die vergangene Zeit basierend auf der aktuellen Zeit deaktivieren.
Wenn meine aktuelle Zeit 16:00 Uhr ist, ist die Uhrauswahl zuvor deaktiviert 16:00 Uhr Zeit.
Ich versuche diese Lösung, aber sie funktioniert nicht
Dies ist mein HTML-Code
und das ist mein JS-Code
Wenn meine aktuelle Zeit 16:00 Uhr ist, ist die Uhrauswahl zuvor deaktiviert 16:00 Uhr Zeit.
Ich versuche diese Lösung, aber sie funktioniert nicht
Dies ist mein HTML-Code
Code: Select all
@Html.TextBoxFor(x => x.StartTime, new { @class = "form-control clockpicker", autocomplete = "off", @readonly = "readonly", placeholder = "00:00" })
Code: Select all
var minTime = $("#minTime").val();
$('.clockpicker').clockpicker({
donetext: 'Done',
autoclose: true,
beforeShow: function () {
var currentTime = new Date();
var minHours = currentTime.getHours();
var minMinutes = currentTime.getMinutes();
var minTime = (minHours < 10 ? '0' : '') + minHours + ':' + (minMinutes < 10 ? '0' : '') + minMinutes;
// Disable times earlier than the current time
$('.clockpicker-span-hours').each(function () {
debugger;
var hour = parseInt($(this).text(), 10);
if (hour < minHours) {
$(this).addClass('disabled');
} else if (hour == minHours) {
$('.clockpicker-span-minutes').each(function () {
var minute = parseInt($(this).text(), 10);
if (minute < minMinutes) {
$(this).addClass('disabled');
}
});
}
});
}
});