Javascript HTML日历禁用特定日期
我想在HTML日历中列出一些特定的日子。但我面临的问题如下。带有蓝色框的日历不允许更改。但是,另一个位于背面的日历可以通过JavaScript代码更改。我想知道为什么我不能更改第一个日历上的任何内容 例如,第一天可以在背面更改,但不能在默认日历中更改 这是我的密码:Javascript HTML日历禁用特定日期,javascript,html,jquery,jquery-ui,bootstrap-4,Javascript,Html,Jquery,Jquery Ui,Bootstrap 4,我想在HTML日历中列出一些特定的日子。但我面临的问题如下。带有蓝色框的日历不允许更改。但是,另一个位于背面的日历可以通过JavaScript代码更改。我想知道为什么我不能更改第一个日历上的任何内容 例如,第一天可以在背面更改,但不能在默认日历中更改 这是我的密码: <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href=&
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>The selected date is as follows: <input type="date" class="disableFuturedate"></p>
<script>
$(document).ready(function () {
var currentDate = new Date();
$('.disableFuturedate').datepicker({
format: 'dd/mm/yyyy',
autoclose:true,
firstDay :3
});
});
</script>
</body>
</html>
文件
所选日期如下:
$(文档).ready(函数(){
var currentDate=新日期();
$('.disableFuturedate').datepicker({
格式:“dd/mm/yyyy”,
自动关闭:是的,
第一天:3
});
});
请详细说明。您将jquery ui的日期选择器
与HTML5
日期选择器混合在一起。假设将使用日期选择器,而不是输入的type=“date”
使用type=“text”
。由于与本机选择器的UI冲突,不支持在
上创建日期选择器。请看:你也可能想看:@PaulT。很有效,非常感谢。