$(function() {
$('input.month-mode').datetimepicker({
viewMode: 'months',
format: 'MM/YYYY',
showClose: true,
maxDate: current_month,
});
});
我想接近文本添加到它。 默认显示“X”,但我想改变它。 可能吗?
$(function() {
$('input.month-mode').datetimepicker({
viewMode: 'months',
format: 'MM/YYYY',
showClose: true,
maxDate: current_month,
});
});
我想接近文本添加到它。 默认显示“X”,但我想改变它。 可能吗?
您可以使用图标选项来定义自定义CSS类的图标,然后你可以写一个CSS规则来定制接近文本,如下图所示:
$(function () { var current_month = moment(); // just a sample value $('#datetimepicker1').datetimepicker({ showClose: true, viewMode: 'months', format: 'MM/YYYY', maxDate: current_month, icons: { close: 'closeText' } }); });
.closeText:before { content: "Close"; }
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/> <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.css" rel="stylesheet"/> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script> <div class='input-group date' id='datetimepicker1'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div>
要做到这一点的方法之一是使用图标类的添加一个新的类,然后使用CSS来添加一些内容。 就像是:
$(function() {
$('input.month-mode').datetimepicker({
viewMode: 'months',
format: 'MM/YYYY',
showClose: true,
maxDate: current_month,
icons: {
close: 'textclass1'
}
});
});
CSS:
.textclass1::before {
content: "Close";
}