Twitter bootstrap 引导的日期选择器(不突出显示所选日期!并且将鼠标悬停在日期上不会突出显示)
我用的是bootstrap的数据采集器,它工作得很好,但在外观上有一些问题;例如,当我选择一个日期时,它不会突出显示带有蓝色背景的日期,当我将鼠标悬停在日期上时,它不会像预期的那样更改背景颜色: 这是我的简单HTML:Twitter bootstrap 引导的日期选择器(不突出显示所选日期!并且将鼠标悬停在日期上不会突出显示),twitter-bootstrap,twitter-bootstrap-3,datepicker,Twitter Bootstrap,Twitter Bootstrap 3,Datepicker,我用的是bootstrap的数据采集器,它工作得很好,但在外观上有一些问题;例如,当我选择一个日期时,它不会突出显示带有蓝色背景的日期,当我将鼠标悬停在日期上时,它不会像预期的那样更改背景颜色: 这是我的简单HTML: <input type="text" class="datepicker" placeholder="Click me!"> 这是我的Javascript: <script type="text/javascript">
<input type="text" class="datepicker" placeholder="Click me!">
这是我的Javascript:
<script type="text/javascript">
$(document).ready(function() {
$('.datepicker').datepicker();
});
</script>
$(文档).ready(函数(){
$('.datepicker').datepicker();
});
我还包括bootstrap.js、bootstrap-datepicker.js、datepicker.css和jquery.js
<script src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url('bootstrap/js/bootstrap.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('datepicker/js/bootstrap-datepicker.js'); ?>"></script>
<script rel="stylesheet" type="text/css" src="<?php echo base_url('datepicker/css/datepicker.css'); ?>"></script>
OP通过包含jQueryUI的datepicker.css
文件解决了他们的问题。记住引用datepicker3.css文件,然后将todayHighlight设置为True。下面是我的Django实现。适应
$("#dp3").datepicker({
todayBtn : true,
autoclose : true,
**todayHighlight : true,**
endDate: "current"
});
<link rel="stylesheet" type="text/css" href="{% static "css/plugins/datapicker/datepicker3.css" %}">
<script src="{% static "js/plugins/datapicker/bootstrap-datepicker.js" %}"></script>
<script>
$(function() {
$(".datepicker1").datepicker({todayHighlight: true});
});
</script>
$(函数(){
$(“.datepicker1”).datepicker({todayHighlight:true});
});
不要向我们展示一个有效的提琴,给我们展示一个与您的标记不一致并链接到您正在使用的实际文件版本的提琴。对不起,我对JSFIDLE还很陌生!我在会议上发言,似乎我需要提到资源的直接链接;但是我找不到datepicker.css的任何在线资源!现在我明白了!我不见了,谢谢:-)@Pasargad哈哈,幸好我看到了这一点,否则我就不会这么快意识到了