欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 預約時間段

傅智翔1年前7瀏覽0評論

jQuery是一種流行而強大的JavaScript庫,廣泛用于Web開發中。其中,預約時間段是一個非常實用的功能。我們可以借助jQuery來實現非常便捷的預約時間段功能。

$(document).ready(function() {
var startTime, endTime;
$('#start').datetimepicker({
format: 'LT'
});
$('#end').datetimepicker({
format: 'LT'
});
$('#start').on('dp.change', function(e) {
startTime = e.date;
checkAvailability();
});
$('#end').on('dp.change', function(e) {
endTime = e.date;
checkAvailability();
});
function checkAvailability() {
if (startTime && endTime) {
var duration = moment.duration(endTime.diff(startTime));
var hours = duration.asHours();
if (hours >= 1 && hours<= 2) {
$('#message').html('預約時間可用');
$('#submit').prop('disabled', false);
} else {
$('#message').html('預約時間必須在1-2小時之間');
$('#submit').prop('disabled', true);
}
}
}
});

以上是一個簡單的jQuery代碼示例。通過使用datetimepicker插件,我們可以創建一個可供用戶選擇時間的文本框。然后,在起始時間和結束時間都已選擇的情況下,我們計算持續時間,檢查是否符合預約時間范圍,并進行適當的響應。

總之,jQuery預約時間段功能是一種非常實用的功能,可用于許多Web應用程序中。我們只需了解一些基礎知識,即可輕松使用jQuery以及各種插件和庫實現所需的功能。