首页 文章

在ng2-datepicker上设置初始值

提问于
浏览 次
0

我使用ng2-datepicker来获取可用的日期和日期 . 我想知道是否有人知道如何设置初始值 . 使用日期选择器的所有工作，我只想 dateAvaliable 为今天的日期，然后 dateExpires 为 2099-12-31 .

<label>Date Avaliable:</label>
<div>
  <ng2-datepicker name="dateAvaliable" [(ngModel)]="dateAvaliable" [ngModelOPtions]="{standalone: true}">  </ng2-datepicker>
</div>
<label>Date Expires:</label>
<div>
  <ng2-datepicker name="dateExpires" [(ngModel)]="dateExpires" [ngModelOPtions]="{standalone: true}">  </ng2-datepicker>
</div>

组件

private today = new Date(); 
private dd: any  = this.today.getDate(); 
private mm: any = this.today.getMonth() +1; 
private year: any = this.today.getFullYear(); 


public sop: Sop;
public dateExpires: any; 

public dateAvaliable: any;

ngOnInit() {
    if (this.dd<10) {
       this.dd ='0'+this.dd; 
    }
    if(this.mm<10){
       this.mm='0'+this.mm;
    }
    this.sop = {
      description: "",
      country: [this.countrys[4].value],
      storeType: [this.storeTypes[4].value],
      scoType: [this.scoTypes[6].value],
      audience: [this.audiences[2].value],
      sopType: [this.sopTypes[2].value],
      dateAvaliable: this.year +'-'+this.mm+'-'+this.dd,
      dateExpires: "2099-12-31"
    }
}

这是我的界面

export interface Sop {
    description: String; 
    country?: String[];
    storeType?: String[]; 
    scoType?: String[]; 
    audience?: String[]; 
    sopType?: String[];
    dateAvaliable: any; 
    dateExpires: any;
}
angular typescript ng2-datepicker

2 回答

  • 1

    你也可以使用如下：

    • 您可以从ng2-datepicker导入DatePickerOptions

    import from 'ng2-datepicker';

    • 然后声明一个变量： public dateOptions: DateOptions;

    • 并在ngOnit中初始化它：ngOnInit（）{

    this.datepickerOptions = new DatePickerOptions({
    format: 'DD-MM-YYYY'
});
    • 在HTML中使用它： < ng2-datepicker name="dateExpires" [options]="datepickerOptions ">
    回复于
  • 1

    您需要使用 [options ]来设置初始值

    <ng2-datepicker name="dateExpires" [(ngModel)]="dateExpires" [options]="{maxDate: dateExpires}"></ng2-datepicker>

    初始化选项

    ngOnInit() {
   this.dateExpires = moment("2099-12-31");
}
    回复于

相关问题