首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将默认日期添加到ionic datetime-ionic 4 angular项目

将默认日期添加到ionic datetime-ionic 4 angular项目
EN

Stack Overflow用户
提问于 2019-02-10 12:01:30
回答 2查看 718关注 0票数 0

我在设置ionic-4上的默认日期时遇到了一些困难,基本上我已经尝试了其他方法,这些方法在以前的版本中已经有效,但有些东西发生了变化,它们不起作用。

html:

代码语言:javascript
运行
复制
<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>

在page.ts文件中:

代码语言:javascript
运行
复制
private date;
ngOnInit(): void {
  this.date = moment().toISOString();
}

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

我的副手:

代码语言:javascript
运行
复制
"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",
...
EN

回答 2

Stack Overflow用户

发布于 2019-02-11 03:39:16

尝试编写如下所示的代码

代码语言:javascript
运行
复制
<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>
票数 0
EN

Stack Overflow用户

发布于 2019-02-11 05:43:03

我发现了问题,我遗漏了ion-datetime(name="date")上的name属性,我认为这是必需的,因为项目在表单标记内。一旦我添加了它,它就起作用了。

html:

代码语言:javascript
运行
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54613235

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档