如何使用角度日期管道从数字中获取月份名称

2024-01-26

我想使用 Angular 的日期管道显示包含(本地化)月份名称的下拉列表。

<select>
    <option *ngFor="let month of months;" value="{{month}}">
         {{month | date: 'MMMM'}}
    </option>
</select>

months是一个从 0 到 11 的数字数组。

生成的选项具有正确的值,但始终为“一月”

<select>
     <option value="0"></option>
     <option value="1"> January</option>
     <option value="2"> January</option>
     <option value="3"> January</option>
     <option value="4"> January</option>
     <option value="5"> January</option>
     <option value="6"> January</option>
     <option value="7"> January</option>
     <option value="8"> January</option>
     <option value="9"> January</option>
     <option value="10"> January</option>
     <option value="11"> January</option>
</select>

我的代码有问题吗?或者根本不可能使用 Angular 的 datepipe 来实现我想要的效果?如果是这样,我怎样才能实现它?


Months 必须是日期数组,您可以使用

months=[0,1,2,3,4,5,6,7,8,9,10,11].map(x=>new Date(2000,x,2))

并且(请参阅我将 [value] 更改为 [value]="i")

<select>
    <option *ngFor="let month of months;let i=index" [value]="i">
         {{month | date: 'MMMM'}}
    </option>
</select>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用角度日期管道从数字中获取月份名称 的相关文章

随机推荐