如何在角度特定日期禁用按钮?

时间:2018-01-18 07:37:21

标签: angular typescript

下面是一个java脚本,可以在特定日期禁用按钮,如何在角度上执行相同操作。?

var serverdate = new Date();
var dd= serverdate.getDate();
var mm= serverdate.getMonth()+1;
var year = serverdate.getFullYear();
var day=serverdate.getDay();
var hours = serverdate.getHours();
var minute = serverdate.getMinutes();

if(mm==1 && dd==18)
{
  console.log('Achieve you want')
}

提前致谢。

2 个答案:

答案 0 :(得分:0)

所以这是一个简单的例子,

在ts文件中定义一个布尔变量

buttonDisable : boolean : false;
 serverdate : Date;
在您的逻辑之后

 this.serverdate = new Date();
var dd= this.serverdate.getDate();
var mm= this.serverdate.getMonth()+1;
var year = this.serverdate.getFullYear();
var day= this.serverdate.getDay();
var hours = this.serverdate.getHours();
var minute = this.serverdate.getMinutes();

if(mm==1 && dd==18)
{
  this.buttonDisable = true;
  console.log('Achieve you want')
}
HTML文件中的

<button [disabled]="buttonDisable"> 
</button>

希望这会有所帮助。

答案 1 :(得分:0)

在您的组件中:

let idSortOrder = this.idSortOrder;
    this.rezerwacjeFilteredByseaarchInput.sort(function (a, b) {
      if (idSortOrder) {
        return a[0].id - b[0].id;
      }
      else {
        return b[0].id - a[0].id;
      }

    });

在您的HTML中:

date = new Date(); // no let because you are in the component scope, let only when the scope is different