标签: ionic2-datetime

设置默认值时,Ionic 2 datetime组件不会触发更改事件

我在我的离子应用程序中使用了Ionic datetime组件

    <ion-datetime 
        displayFormat="YYYY/MM/DD" 
        pickerFormat="YYYY MMMM DD" [(ngModel)]="summaryDate" 
       (ionChange)="getDashboardItemsByDate()">
   </ion-datetime>
Run Code Online (Sandbox Code Playgroud)

并在.ts file我将默认日期设置为当前日期

 public summaryDate: any = new Date().toISOString();
Run Code Online (Sandbox Code Playgroud)

这工作得非常好,但是我遇到的问题是,它ionChange在开始时调用事件(因为我已经为此组件设置了默认值).当我设置其默认值时,当用户选择不在开头的日期时,我只想触发此事件.有帮助吗?

ionic2 ionic2-datetime

9
推荐指数
1
解决办法
9073
查看次数

防止在不需要键盘显示的输入上使用scrollAssist和autoFocus

我使用Ionic 2构建了一个Angular Reactive Form.

当我触摸页面底部的输入时,页面将滚动,因此输入位于键盘上方.预期的行为,好吧.但是标题也是推,这是错误的.

所以我在互联网上查找了一个解决方法,即在app.module.ts的import语句中编写以下内容

// app.module    
IonicModule.forRoot(MyApp, {
   scrollAssist: true,
   autoFocusAssist: true
})
Run Code Online (Sandbox Code Playgroud)

这确实很有效,因为页面仍然滚动,标题不会被推开.

但我还有一个问题.当我触摸不需要显示键盘的输入(例如,datepicker)时,页面在第一次触摸时滚动,我必须再次触摸,以便日期选择器打开...

关于我怎么可能的任何想法可能会阻止页面在触摸不需要键盘的输入时自动滚动?

ionic2 ionic2-datetime

6
推荐指数
1
解决办法
1125
查看次数

离子2日期时间显示当前日期到未来日期,并关注今天的日期

我目前正在使用离子2开发应用程序.

我的问题是关于datetime:我的html中有这个代码

  <ion-item>
    <ion-label stacked>Date</ion-label>
    <ion-datetime [(ngModel)]="date" formControlName="date" displayFormat="MMMM DD, YYYY" min="2017" max="2100"></ion-datetime>
  </ion-item>
Run Code Online (Sandbox Code Playgroud)

结果是=> http://prntscr.com/fz5lx6

但我想把它集中在当前日期而不是最大日期.

我怎样才能在离子2中设置它?

任何帮助深表感谢.谢谢!

ionic2 ionic2-datetime

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

ionic2 ×3

ionic2-datetime ×3