So beschränken Sie die Auswahl vergangener Zeiten in jquery-clockpicker.min.jsJquery

JQuery-Programmierung
Anonymous
 So beschränken Sie die Auswahl vergangener Zeiten in jquery-clockpicker.min.js

Post by Anonymous »

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: Select all

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

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

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post