самозагрузки DatePicker в макете RTL не работает должным образом

Question

самозагрузка DatePicker в макете RTL не работает должным образом, я использую эту самозагрузку 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

<script type="text/javascript"> 
     $(document).ready(function() { 
      $('#data_3 .input-group.date').datepicker({ 
       startView: 2, 
       todayBtn: "linked", 
       keyboardNavigation: false, 
       forceParse: false, 
       autoclose: true, 
       orientation: "top left" 
      }); 

     }); 

    </script> 

Это проблема я получаю, я перепробовал все решения в Интернете, но ничего не работает, есть ли решение этой проблемы ? делает bootstrap datepicker поддерживает макет RTL?

Answer 1

добавить этот стиль до конца вашего стиля перегружать текущий стиль

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

или вы можете добавить это в голову макете

<style>   
     .datepicker { 
     direction: rtl; 
     }    
    .datepicker.dropdown-menu { 
right: initial;    
     }  
    </style>