如何在物料日期选择器上显示更改的日期

时间:2019-10-03 09:43:49

标签: angular angular-material mat-datepicker

我有此日历,希望显示用户先前输入日期的默认值。 但是,当我尝试更改日期时,它不显示任何值。新日期仍然可以保存,因此我很好奇如何解决数据更改时显示的问题。

这是参考代码

class YourCustomizeTableViewCell: UITableViewCell {
  let collectionView: CollectionView
   ...
   }

  override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

let cell = tableView.dequeueReusableCell(withIdentifier: "HorizontalSlideCell", for: indexPath) as! YourCustomizeTableViewCell
cell.collectionView.tag = indexPath.row

return cell
}

 ...

 func collectionView(_ collectionView: UICollectionView,
                cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
 let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "InnerCollectionViewCell",
                                          for: indexPath as IndexPath)


   //indexPath.section is the collectionview section index but needs to be its parent tableview section's index. How do I get it? 
cellCharLabel?.text = 

Languages.sharedInstance.alphabets[collectionView.tag].set[indexPath.row].char
...
return cell
 }

和我的.ts

<mat-form-field>
  <input matInput [matDatepicker]="dp" placeholder="Date of Birth: No change Display" [formControl]="getDate(userPrivate.date_of_birth)" [(ngModel)]="userPrivate.date_of_birth">
  <mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
  <mat-datepicker #dp >
  </mat-datepicker>
</mat-form-field>

1 个答案:

答案 0 :(得分:0)

这是我在使用mat-datepicker时所做的

<input matInput [matDatepicker]="dp" placeholder="Choose a date" [formControl]="dateForm" (click)="dp.open()"
        (dateChange)="dateChange($event)" #dateInput>
    <mat-datepicker #dp></mat-datepicker>

在.ts中,我正在使用 moment 库将日期设置为formcontrol

this.dateForm.setValue(moment(previous_input_date, date_format));