热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript–RTL布局中的bootstrapdatepicker无法正常工作

RTL布局中的bootstrapdatepicker工作不正常,我正在使用这个bootstrapdatepickerhttp:bootstrap-datepicker.readth

RTL布局中的bootstrap datepicker工作不正常,我正在使用这个bootstrap datepicker http://bootstrap-datepicker.readthedocs.io
这是我的代码在page.cshtml中的代码





@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)


这是我的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布局?

enter image description here

解决方法:

将此样式添加到样式的末尾以重载当前样式

.datepicker {
direction: rtl;
}
.datepicker.dropdown-menu {
right: initial;
}

或者您可以将其添加到布局的头部




推荐阅读
author-avatar
也许_枉然
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有