我对angularjs ui datepicker有一个"小"问题.我需要以某种方式表明,如果带有datepicker附加的输入,应该显示输入左下角的弹出窗口(默认情况下)

或者如果我想从输入的右下角代替它.这是因为在我创建的页面中,我的输入非常接近页面的右侧,当我附加日期选择器时,会发生这种情况(日期选择器被剪切,现在出现水平滚动):

但问题是我需要两个位置的日期选择器(根据图像中的相关案例).
有人知道如何解决这个问题?我已经尝试left在datepicker弹出模板中更改内联属性,但它始终是固定值,我认为这不是真正的选择.
谢谢
我(可能)有一个非常简单的问题,但问题是我花了比预期更多的时间试图解决它而我还没有完成它.
我在应用程序中的指令很难复制,因此,为了简单起见,我在JSFiddle中创建了一个带有简单指令但具有相同结果的脚本.
从本质上讲,问题与一个指令有关,该指令在每个指令上使用不同的选项被调用两次.结果是,呈现的指令始终采用第一组选项的值(有时仅使用第二组选项).
我的HTML:
<div ng-controller="MyCtrl">
    <button-menu options="options1" />
    <button-menu options="options2" />
</div>
Run Code Online (Sandbox Code Playgroud)
我的选项(在控制器中):
// Button Options        
$scope.options1 = {
    id: "1",
    buttonTemplate: "<span style=\"font-size:16pt\">Button 1</span>"
};
$scope.options2 = {
    id: "2",
    buttonTemplate: "<span style=\"font-size:10pt\">Button 2</span>"
};
Run Code Online (Sandbox Code Playgroud)
我不知道我做错了什么,但实际上这是我第一次需要在同一页面中至少运行两次的指令,所以可能我错过了一些东西.
有任何想法吗?
谢谢