如何设置页面刷新日期时间选择器的日期或angular4中的页面更改

时间:2018-05-25 09:15:25

标签: angular datetimepicker

我正在使用从 -

引用的ng2-date time picker

https://www.npmjs.com/package/angular2-datetimepicker

假设我转到位于第1页内的第2页,并且只有在通过按日期搜索日期时间选择器搜索数据后才能获得第2页。然后我在第2页并取消第2页并返回第1页,日期时间选择器重置。我试图再次回到相同的日期,但无济于事(可能会发生我的代码实现不正确)。一旦页面改变,日期时间选择器重置自己。有没有办法在之后的同一天回来页面刷新或代码中的日期变量也会重置。

所以我的问题是 - 如何将其值设置为与页面更改/刷新之前相同的值 我试图使用[选项],但无济于事 -

代码 -

transaction.component.html

<input type="text" (focus)="focusFunction()"/>

transaction.component.ts

     <div class="form-group " >


                <angular2-date-picker 
    [options]="toDateTransaction"
                 title="Click to enter To Date and Time" 
    [(ngModel)]="date1" [settings]="settings1"
                [(ngModel)]="toDateTransaction"  
    formControlName="toDateTransaction"></angular2-date-picker>
            </div>

错误 -

export class TransactionComponent implements OnInit{

  date1: Date = new Date();
  settings1 = {
  bigBanner: true,
  timePicker: true,
  format: 'yyyy-MM-dd hh:mm',

   defaultOpen: false
  }


  ngOnInit() {

 this.toDateTransaction = this.shareData.toDateTransact;
 }

 searchByDate(data_fromDate, data_toDate,filterDataForSearch) {

   this.shareData.toDateTransact = this.dataToDate;

   this.toDateTransaction = this.shareData.toDateTransact;
  }
  }

1 个答案:

答案 0 :(得分:0)

date picker documentation中没有<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <textarea class="message-contents"></textarea> options

所以使用,

property

现在,要获取有关刷新的数据,请将数据存储在 <angular2-date-picker title="Click to enter To Date and Time" [settings]="settings1" [(ngModel)]="toDateTransaction"> </angular2-date-picker>

Localstorage