RTL布局中的bootstrap datepicker工作不正常,我正在使用这个bootstrap datepicker http://bootstrap-datepicker.readthedocs.io
这是我的代码在page.cshtml中的代码
<div class="form-group" id="data_3">
<label class="col-md-3 control-label">@Resources.ResourceLanguages.BirthDate</label>
<div class="input-group date col-md-8" data-provide="datepicker">
<div class="col-md-1"></div>
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> @Html.TextBoxFor(m => m.BirthDate, "{0: dd/MM/yyyy}", new { @class = "form-control", type = "text", placeholder = @Resources.ResourceLanguages.BirthDate, ReadOnly = "" }) @Html.ValidationMessageFor(m
=> m.BirthDate)
</div>
</div>
这是我的javascript代码
$(document).ready(function() {
$('#data_3 .input-group.date').datepicker({
startView: 2,
todayBtn: "linked",
keyboardNavigation: false,
forceParse: false,
autoclose: true,
orientation: "top left"
});
});
这是我得到的问题,我尝试了互联网上的每一个解决方案,但没有任何作用,这个问题是否有任何解决方案? bootstrap datepicker是否支持RTL布局?
解决方法:
将此样式添加到样式的末尾以重载当前样式
.datepicker {
direction: rtl;
}
.datepicker.dropdown-menu {
right: initial;
}
或者您可以将其添加到布局的头部
<style>
.datepicker {
direction: rtl;
}
.datepicker.dropdown-menu {
right: initial;
}
</style>