【问题标题】:Change Angular ui-bootstrap datepicker day order更改 Angular ui-bootstrap datepicker 日期顺序
【发布时间】:2015-02-03 22:58:47
【问题描述】:

目前,ui-bootstrap datepicker 弹出窗口订购周一至周日的星期几。 我有客户要求在周日至周六重新订购它们

有趣的是,在 ui-bootstrap 页面上,内联示例具有 Sun-Mon 顺序,但弹出窗口是 Mon-Sun。

有没有办法在弹出窗口中更改日期顺序? 我在谷歌搜索中没有找到关于该主题的任何信息。

【问题讨论】:

    标签: datepicker angular-ui angular-ui-bootstrap


    【解决方案1】:

    Andrew,在Datepicker docs 的“弹出设置”子标题下,它说“可以使用 datepicker-options 属性将 datepicker 的选项作为 JSON 传递”,这是我解决相同问题的关键部分你正面临着。

    请参阅this JSFiddle,它简化了来自 angular-ui.github.io 的示例代码,并包含我认为您需要的位。请注意,您需要更改为驼峰式“startingDay”拼写:

    $scope.dateOptions = {
      formatYear: 'yy',
      showWeeks: false,      
      startingDay: 0
    };
    

    【讨论】:

      【解决方案2】:

      那个插件有“starting-day”作为选项。将其设置为 0 将使其在星期日开始。

      http://angular-ui.github.io/bootstrap/#/datepicker

      【讨论】:

      • 这似乎只对 标签中的内联品种有影响,对弹出日历没有影响。
      • 你能显示你的代码吗?这是满足您要求的选项。您也可以尝试使用 AngularStraps datepicker(这就是我使用的)。 mgcrea.github.io/angular-strap/#/datepickers#datepickers
      • inline 和 popup 的设置有点不同。对于内联,您可以在 标记中添加starting-day="0" 作为属性,但这不适用于弹出窗口。相反,正如 dave 指出的那样,您必须将其作为值添加到 camelCase 中的 $scope.dateOptions 中。这是我缺少的部分。尽管如此,我完全忽略了开始日。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多