Angular ui日期选择器日格式不起作用


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

如果没有填充的0,就无法格式化日期选择器日期-其他配置选项设置正确,但我的日期仍然有一个前导零,这很混乱。

是否有其他格式化日期的方法?

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

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

我不知道这是否与您所问的相同,但我遇到了一个问题,指定这些选项对文本输入很有效,但我想在日期选择器弹出菜单中删除日期的前导零。弹出窗口不支持日期格式,所以我最终做的是覆盖模板缓存中日期选择器的模板。具体来说,我覆盖

"template/datepicker/day.html">

我只是复制并粘贴了旧模板,并在该html字符串中查找{{dt.label}}。这是一个用前导0设置的字段,所以为了删除它,我只需通过angular的数字过滤器{{dt.label | number}}将其管道化。工作起来很有魅力。

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

现在唯一担心的是,你必须关注引导程序的更新,因为对日期选择器的更改可能会影响你(尽管我认为这是最小的,而且应该很容易测试,因为你只更改模板缓存,而不是任何日期选择器代码)。

最新更新