时间戳

首页 > 解决方案 > 角度转换日期

angular - 角度转换日期

问题描述

我有一个名为月份的输入字段。

  <span>
        Month: <br />
        <input id="typeahead-basic" type="text" class="form-control month" />
    </span>

我想要做的是，如果你在月份字段中输入 6，它会自动变为 06，如果你输入 2，它将变为 02。所以从 1-9 的所有内容都应该添加一个零。如果我可以将它实现到 component.ts 类中会很好。非常感谢！

编辑：所以我所做的是：组件中的这个：

 checkMonth() {
    if (this.month < 1) {
        this.month = "01";
    } else if (this.month > 12) {
        this.month = 12;
    } else if (this.month < 10) {
        this.month = '0' + this.month;
    }
}

这是HTML代码：

<input class="form-control hideSpinners" min=1 max=12 type="number" [(ngModel)]="month"
                (change)="checkMonth()"/>

标签： angularelectron

解决方案

用简单的 HTML 是不可能的。

您可以做的是在您的值更改时调用 onChange 函数。

<span>
    Month: <br />
    <input id="typeahead-basic" type="text" class="form-control month" onchange="addZero(this)"/>
</span>

在您的组件脚本中

addZero(input) {
    if(input.value > 0 && input.value < 10) input.value = `0${input.value}`;
}

示例： http: //jsfiddle.net/nrjw56sv/（原版 JS） https://stackblitz.com/edit/angular-fr19pk（角度）

推荐阅读