ionic 2 ion-datetime ISO 格式问题

ionic 2 ion-datetime ISO Format issue(ionic 2 ion-datetime ISO 格式问题)
本文介绍了ionic 2 ion-datetime ISO 格式问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用 ion-datetime 作为我的预约表格.插入时工作正常,没有任何问题.但是当我需要从后端更新插入的约会日期表单详细信息时,日期值不会显示在 ion-datetime 中.

I am using ion-datetime for my appointment form. While inserting it is working fine without any problem. But when I need to update the inserted appointment date form details from back end, the date value is not displaying in ion-datetime.

下面是我的代码:

update.html:

<ion-item class="border-bottom">
      <ion-label  class="ionselect" >Appointment Date:</ion-label>
      <ion-datetime name="appdate" displayFormat="YYYY MMM DD" [(ngModel)]="leadDetailsUpdate.appt_date"></ion-datetime>
</ion-item>

update.ts:

leadDetailsUpdate={
        appt_date:''
}; 

我从后端得到的日期格式如下:appt_date: "2017-01-01"

The Date format I am getting from back end as follows: appt_date: "2017-01-01"

以下是我在控制台中收到的错误消息:

Below is the error message I am getting in console:

解析日期错误:null".请提供有效的 ISO 8601 日期时间格式:https://www.w3.org/TR/NOTE-datetime

推荐答案

转成ISO格式再显示

var date = new Date('2017-01-01').toISOString()
console.log(date)

这篇关于ionic 2 ion-datetime ISO 格式问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)