Bootstrap Datetimepicker 弹出窗口显示禁用的日期
Bootstrap Datetimepicker Pop Up Shows Disabled Dates
以下是我的代码
$('#dob').datetimepicker({
format: 'DD-MM-YYYY',
maxDate: new Date("2009", "01", "01"),
useCurrent: false
});
但是当我测试我的界面时,它会弹出已经禁用的日期(当前月份)。这对用户不友好。我该如何修复它才能打开我允许的最大月份? (2009 年 1 月)请查看下图以供参考。
我用谷歌搜索但没有找到答案。
据我了解,您希望 2009 年 1 月之后的日期不显示。
$('#datetimepicker').datetimepicker({
format: 'DD-MM-YYYY',
maxDate:new Date("2008", "12", "1"),
});
我在 fiddle 上试过了,它似乎有效,从 new Date("2008", "12", "1") 开始,因为当给定 new Date("2009", "01" , "01") 它从 2009 年 2 月开始而不是 1 月
https://jsfiddle.net/HarveyQ/0xq8n62u/26/
我研究了 document for datetimepicker,但找不到隐藏禁用日期的选项。
您可以使用 viewDate
选项:
This will change the viewDate
without changing or setting the selected date.
这里是一个活生生的例子:
$('#dob').datetimepicker({
format: 'DD-MM-YYYY',
maxDate: new Date(2009, 0, 1),
useCurrent: false,
viewDate: new Date(2009, 0, 1)
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-12">
<input type="text" class="form-control" id="dob" />
</div>
</div>
</div>
以下是我的代码
$('#dob').datetimepicker({
format: 'DD-MM-YYYY',
maxDate: new Date("2009", "01", "01"),
useCurrent: false
});
但是当我测试我的界面时,它会弹出已经禁用的日期(当前月份)。这对用户不友好。我该如何修复它才能打开我允许的最大月份? (2009 年 1 月)请查看下图以供参考。
我用谷歌搜索但没有找到答案。
据我了解,您希望 2009 年 1 月之后的日期不显示。
$('#datetimepicker').datetimepicker({
format: 'DD-MM-YYYY',
maxDate:new Date("2008", "12", "1"),
});
我在 fiddle 上试过了,它似乎有效,从 new Date("2008", "12", "1") 开始,因为当给定 new Date("2009", "01" , "01") 它从 2009 年 2 月开始而不是 1 月
https://jsfiddle.net/HarveyQ/0xq8n62u/26/
我研究了 document for datetimepicker,但找不到隐藏禁用日期的选项。
您可以使用 viewDate
选项:
This will change the
viewDate
without changing or setting the selected date.
这里是一个活生生的例子:
$('#dob').datetimepicker({
format: 'DD-MM-YYYY',
maxDate: new Date(2009, 0, 1),
useCurrent: false,
viewDate: new Date(2009, 0, 1)
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-12">
<input type="text" class="form-control" id="dob" />
</div>
</div>
</div>