Bootstrap datepicker无法正确显示

Question

这是datepicker窗口的截图

我正在为移动设备制作网页。所以为此我使用了meta with view port属性。我添加了bootstrap datepicker，但它在水平模式下显示空白屏幕，当我在垂直模式下查看它时，它显示有多余空格的日历。相同的代码在另一个页面中运行良好。我尝试删除视图端口的元标记但没有效果。 这是我的代码：

Javascript：

$('.transactionDate').datepicker({
        orientation: "auto right",
        format : "dd-mm-yyyy",
        startDate : $('#start_date').val(),
        endDate : new Date(),
        todayHighlight : true,
        autoclose : true,
        todayBtn : 'linked',
    });

HTML（JSP）：

<link rel="stylesheet"
href="<html:rewrite page='/css/bootstrap-datepicker.css'/>" />

<script type="text/javascript"
src="<html:rewrite page='/js/bootstrap-datepicker.min.js' />"> </script>

<html:textname="AA8_AAA01Form" property="transactionDate" styleClass="form-element  transactionDate" style="width:210px; background-color: white;" readonly="true" />