Javascript 引导日期选择器未正确显示

Javascript 引导日期选择器未正确显示,javascript,jsp,datepicker,struts,Javascript,Jsp,Datepicker,Struts,这是datepicker窗口的屏幕截图 我正在为手机创建一个网页。为此,我使用了带有view-port属性的meta。我添加了引导日期选择器,但它在水平模式下显示空白屏幕,当我在垂直模式下查看它时,它会显示带有多余空白的日历。同样的代码在另一个页面中运行良好。我尝试删除视图端口的元标记,但没有效果。 这是我的密码: Javascript: $('.transactionDate').datepicker({ orientation: "auto right",

这是datepicker窗口的屏幕截图

我正在为手机创建一个网页。为此,我使用了带有view-port属性的meta。我添加了引导日期选择器,但它在水平模式下显示空白屏幕,当我在垂直模式下查看它时,它会显示带有多余空白的日历。同样的代码在另一个页面中运行良好。我尝试删除视图端口的元标记,但没有效果。 这是我的密码:

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



能否尝试从内联css中删除
宽度:210px
属性并添加
字体大小:62.5%?我做了,但没有做任何更改。在今天之后删除逗号(,)'linked'
<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" />