代码之家 › 专栏 › 技术社区 › groo

将默认日期添加到离子日期时间-离子4角度项目

ionic4 ionic-framework

groo · 技术社区 · 7 年前

我很难在离子-4上设置默认日期,基本上我已经尝试了以前版本中使用的其他方法,但是有些东西改变了,它们不起作用。

HTML:

<ion-item>
  <ion-label position="floating" color="primary">Date</ion-label>
  <ion-datetime class="nutri-primary" color="primary" [(ngModel)]="date" display-format="MMM DD, YYYY HH:mm"></ion-datetime>
</ion-item>

在my page.ts文件中:

private date;
ngOnInit(): void {
  this.date = moment().toISOString();
}

字段显示时没有默认日期,可以选择日期,并且可以在typescript中正确访问。问题是,当进入页面时,我想显示的默认日期(现在)不在那里。

我的DEPS:

"dependencies": {
"@angular/common": "^7.2.2",
"@angular/core": "^7.2.2",
"@angular/forms": "^7.2.2",
"@angular/http": "^7.2.2",
"@angular/platform-browser": "^7.2.2",
"@angular/platform-browser-dynamic": "^7.2.2",
"@angular/router": "^7.2.2",
"@ionic-native/core": "^5.0.0",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/sqlite": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^4.0.0",
...

2 回复 | 直到 7 年前

Varun Sukheja 7 年前

尝试编写如下所示的代码

<ion-item>
  <ion-label>MM DD YY</ion-label>
  <ion-datetime id="dynamicDisabled" displayFormat="MM DD YY" value="1994-12-15"></ion-datetime>
</ion-item>

groo 7 年前

我发现了问题,我在i on datetime(name=“date”)上缺少name属性,我相信这是必需的,因为该项位于表单标记中。我加了一次就成功了。

HTML:

<ion-item>
<ion-label position="floating" color="primary">Date</ion-label>
  <ion-datetime name="date" class="nutri-primary" color="primary" [(ngModel)]="date" display-format="MMM DD, YYYY HH:mm"></ion-datetime>
</ion-item>

推荐文章

Moblize IT · 未设置ion-select默认值

1 年前

Gappy · 为什么Angular要求一个独立的组件,即使它是

1 年前

ProgrammingStudent · 使用javascript更新ionic web应用程序中.pane和.view的背景色

2 年前

user_1357 · Firebase是否将现有用户链接到匿名帐户?

2 年前

m_m · Axios onUploadProgress事件在Capacitor Android上未触发的问题

2 年前

Yeo Bryan · Ionic项目申请通知权限

2 年前

Joe Johnson · Ionic 7模态在第二次点击时不起作用

3 年前

Piyush aggarwal · 通过Cordova文件打开程序2避免REQUEST_INSTALL_PERMISSION

3 年前

Roberto Vieira · 我的离子搜索栏过滤器不工作

3 年前

marlonga · 错误:在Ionic Angular应用程序中使用argon2浏览器时找不到模块

3 年前