我想使用 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(使用前将#替换为@)