Juery Datepicker日历位置面临的问题

Question

我正在使用Juery-Ui Datepicker显示用于动态生成输入文本框和静态输入文本框的日历控件。每当输入文本框的数据类型为“日期”时，我都应为两个输入（静态和动态）都显示Datepicker弹出窗口。

当前使用默认选择器，日历将降到输入控件，并且如果窗口大小较小，则日历将显示为向上并掩盖顶部按钮。 为了解决这个问题，我尝试使用代码段在文本框的右侧显示日期选择器，并且该列表可以正常工作。

代码段，以在静态文本框的右侧显示日期选择器

 if (dataType == 'DATE') 
 {
   tr.find('.clsTbxValue').datepicker({
       beforeShow: function (input, inst) {
                inst.dpDiv.css({
                     marginTop: -input.offsetHeight + 'px',
                    marginLeft: input.offsetWidth + 'px'
                  });
               },
       changeMonth: true,
       changeYear: true
                          
     });
 }

现在我面临的问题是，我想将此样式仅应用于具有css（'.clsTbxValue'）的静态输入文本框，而对于动态输入文本框，我想在文本框下方显示日历控件。 / p>

随着css的应用，UI上的所有日历控件都将被应用。如何使用日历控件覆盖动态输入，使其仅显示在输入的底部而不显示在输入的右侧。

我尝试将css应用于动态输入，但是当我首先单击静态文本框并单击动态文本框时，静态文本框样式将覆盖动态文本框样式并显示在右侧。

请让我知道如何为页面上的日历弹出窗口应用不同的样式，以进行不同的输入。