如何从ionic-2 calendar onchange()方法中选择日期 [英] How to get selected date from ionic-2 calendar onchange() method

查看:1033
本文介绍了如何从ionic-2 calendar onchange()方法中选择日期的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用ion2-calendar。

I am using ion2-calendar.

这是我的html:

 <ion-calendar [(ngModel)]="date"
              (onChange)="onChange($event)"
              [type]="type"
              [format]="'YYYY-MM-DD'">
</ion-calendar>

这是在ts中的变化:

onChange($event) {

      console.log("onchange event called");
      console.log(moment().format('DD-MM-YYYY'));  
    }

这是我的控制台:

onSelect event called
25-06-2018

但无论我选择哪个日期,我总是得到当前的月份和年份。只有日期值正在变化。
它在控制台中显示所有日期的当前月份和年份。
有人能告诉我如何从$ event对象中获取dd-mm-yy格式的选定日期。

But i am always getting current month and year,no matter which date I choose. Only the date value is changing. Its showing current month and year in the console for all dates. Can someone tell me how to get selected date in dd-mm-yy format from $event object.

编辑 - 这就是我得到的 console.log($ event)

Edit- This is what i get for console.log($event)

Moment {_isAMomentObject: true, _i: 1530297000000, _isUTC: false, _pf: {…}, _locale: Locale, …}
_d
:
Sat Jun 30 2018 00:00:00 GMT+0530 (India Standard Time) {}
_i
:
1530297000000
_isAMomentObject
:
true
_isUTC
:
false
_isValid
:
true
_locale
:
Locale {_calendar: {…}, _longDateFormat: {…}, _invalidDate: "Invalid date", ordinal: ƒ, _dayOfMonthOrdinalParse: /\d{1,2}(th|st|nd|rd)/, …}
_pf
:
{empty: false, unusedTokens: Array(0), unusedInput: Array(0), overflow: -2, charsLeftOver: 0, …}
__proto__
:
Object

它显示正确的点击日期。
如果有人能告诉我如何从中提取日期,那将会很棒。

It shows correct date of click. It would be great if someone could tell me how to extract date from this .

推荐答案

$ event of OnChange()是一个时刻对象。

$event of OnChange() is a moment object.

你可以格式化像这样: $ event.format('DD-MM-YYYY')

you can format like this: $event.format('DD-MM-YYYY')

这篇关于如何从ionic-2 calendar onchange()方法中选择日期的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆