Programmiererforum

@Html.TextBoxFor(x => x.StartTime, new { @class = "form-control clockpicker", autocomplete = "off", @readonly = "readonly", placeholder = "00:00" })

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');
}
});
}
});
}
});

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
[code]@Html.TextBoxFor(x => x.StartTime, new { @class = "form-control clockpicker", autocomplete = "off", @readonly = "readonly", placeholder = "00:00" })
[/code]
und das ist mein JS-Code
[code]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');
}
});
}
});
}
});
[/code]