Angular-ui datepicker日格式不起作用

Question

config(function (datepickerConfig, datepickerPopupConfig)
{
    datepickerConfig.showWeeks = false;
    datepickerPopupConfig.toggleWeeksText = null;
    datepickerPopupConfig.dayFormat = 'd';
});

无法在没有填充0的情况下格式化datepicker日 - 其他配置选项设置正确，但我的日子仍然有一个前导零，这是凌乱的。

还有其他格式化日期的方法吗？

Answer 1

您需要修剪返回的JavaScript日期对象：

day = day.replace(/\b0(?=\d)/g, '')

Answer 2

我不知道这是否与您要求的相同，但我遇到了一个问题，指定这些选项对文本输入工作正常，但我想删除datepicker中当天的前导零-弹出菜单。弹出窗口不支持日期格式，所以我最终做的是覆盖模板缓存中的datepicker模板。具体来说，我覆盖了

“模板/日期选择器/ day.html”

我只是复制并粘贴了旧模板，并在该html字符串中查找{{dt.label}}。这是使用前导0设置的字段，因此要将其删除，我只需将其通过角度数字过滤器{{dt.label | number}}进行管道传输即可。像魅力一样。

您可以修改项目中现有的ui-bootstrap-tpls.js文件，也可以在其他地方覆盖该模板。我选择了后者，因为我们会自动更新引导程序文件。

现在唯一的担心是你必须密切关注引导程序更新，因为对datepicker的更改可能会影响你（虽然我认为这是最小的，而且它应该很容易测试，因为你只是更改了模板缓存而不是任何日期选择代码）。