繁体   English   中英

Angular Material Date Picker不允许我填写日期

Angular Material Date Picker not letting me fill in date

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在使用Angular Material Datepicker。

Ive在这里遵循了本教程-> https://theinfogrid.com/tech/developers/angular/custom-date-formats-angular-material-date-picker/,因为Date选择器不允许我输入日期。

问题当用户开始输入日期时,日期选择器会自动输入2018年的日期。然后很难确定该日期

IVE TRIED的解决方案Ive尝试在角度材料指南上使用所有类型的Date Picker。 香港专业教育学院尝试了上面列出的解决方案。 我不确定为什么会这样

编码

<!--app.html file-->
<app-date-picker name="date-picker" placeholder="mm/DD/yyyy" [(ngModel)]="birthDate" format="MM/DD/YYYY"></app-date-picker>


//app.ts file
birthDate = moment();


<!--utility/date-picker/date-picker.html-->
<mat-form-field>
    <mat-datepicker-toggle matPrefix [for]="picker"></mat-datepicker-toggle>
        <input matInput name="date-picker" [matDatepicker]="picker" [value]="dateValue" (dateInput)="addEvent('input', $event)" [placeholder]="placeholder">
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

// utility/date-picker/date-picker.ts
import { Component, forwardRef, Input } from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';

import { MatDatepickerInputEvent } from '@angular/material/datepicker';
import * as moment from 'moment';

@Component({
  selector: 'app-date-picker',
  templateUrl: './date-picker.component.html',
//   styleUrls: ['./date-picker.component.css'],
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => DatePickerComponent),
      multi: true
    }
  ]
})
export class DatePickerComponent implements ControlValueAccessor {
  /**
   * Set the value of the date set by user, notice the underscore infront of the datevalue
   */

  @Input() _dateValue: string = null;

  /**
   * Placeholder value for the material control input
   */
  @Input() public placeholder: string = null;

  /**
   * The date format to use with default format but allowing you to pass a custom date format
   */
  @Input() private format = 'YYYY/MM/DD HH:mm:ss';

  @Input() private isTouch: boolean = false;

  get dateValue() {
    return moment(this._dateValue, this.format);
  }

  set dateValue(val) {
    this._dateValue = moment(val).format(this.format);
    this.propagateChange(this._dateValue);
  }

  addEvent(type: string, event: MatDatepickerInputEvent<Date>) {
    this.dateValue = moment(event.value, this.format);
  }

  writeValue(value: any) {
    if (value !== undefined) {
      this.dateValue = moment(value, this.format);
    }
  }
  propagateChange = (_: any) => {};

  registerOnChange(fn) {
    this.propagateChange = fn;
  }

  registerOnTouched() {}
}

模块文件遵循指南中的导入。

这是别人发生的吗?

问题暂未有回复.您可以查看右边的相关问题.
1 npm login命令不允许我填写密码

因此,我使用npm adduser通过我的cmd登录到https://npmjs.com ,但是我只能填写用户名字段,无法键入密码字段,并且可以使用所有其他文本字段。 ...

5 PHP代码不允许代码下方的字段填写数据

这是没有道理的。 我所处的位置这是一个下拉列表,它将所选部分添加到选项中,并使用PDO填充MySQL的所有其他选项。 我的问题是,当所有字段都被填充时,它仅填充选择框上方的字段。 下面的所有字段均未填写。如果我删除下拉菜单的代码,则每个字段均已填写。这很奇怪。 我只包含了一部分HTML代 ...

6 Angular:不允许使用插件

我正在按照一个教程在YouTube上使用angular创建网站。 像这样在8:17在angular.json添加插件时出现此错误: 模式验证失败,并出现以下错误:数据路径“”不应具有其他属性(附加组件)。 这是因为我在angular.json上添加了“ addons”,而本教 ...

10 ExifInterface不允许写入标记日期

我正在开发包含图像属性写为“ ExifInterFace”的自定义相机的应用程序。我成功编写了GPS,MAKE和MODEL的标签,但是DATE TAKEN出现问题 我没有从Exif界面( 开发者链接 )中找到日期标记。 到目前为止我尝试过的.. 我试图用TAG_DATETI ...

2013-09-04 13:08:14 0 351   android
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM