bs日期选择器未突出显示当前日期



我正试图使用bs日期选择器来选择一个日期范围,但我无法使其完全按照我想要的方式工作。验证不是问题,问题是当前日期在日期选择器中没有突出显示,它有点静音。如果我点击它,它就会被选中。所以问题基本上是,当页面第一次加载时,我继续选择日期,当前日期被静音。我尝试了很多变体(initdate、defaultDate(,但似乎都不起作用。关于我哪里可能出错,有什么想法吗?

<input type="text" class="form-control" data-min-date="today"
datepicker-popup="{{format}}"
data-max-date="endDate"
required data-autoclose="1"
ng-model="startDate"
name="startDate" bs-datepicker autocomplete="off"
id="startDP"
is-open="openDatePickerFlags.start"
ng-click="openDatePickerFlags.start = !openDatePickerFlags.start"
ng-readonly='true'
show-button-bar='false'
style="background-color: white; cursor: pointer;">
<span class="add-on calender-icon" ng-click="openDatePickerFlags.start = !openDatePickerFlags.start; $event.stopPropagation()">
<em class="glyphicon glyphicon-calendar"></em>
</span>

代码变得非常复杂,但基本上我不想给用户在文本框中键入的选项,这就是为什么我设置只读属性,并提供样式以确保文本框不会变灰。"endDate"有一个类似的输入字段我已经被这个问题困扰了很长时间了,任何线索都很感激。

你在文档中尝试过这个选项吗https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#todayhighlight

你可以像这个一样使用这个选项

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="assets/common.css">
<script src="assets/common.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
$('input').datepicker({
todayHighlight: true
}).datepicker('show');
});
</script>
</head>
<body data-capture="input, .datepicker">
<div class="row">
<div class="col-sm-offset-4 col-sm-3">
<input type="text" class="form-control" value="03/03/2013">
</div>
</div>
</body>
</html>

最新更新