ion-datetime的使用以及保存日期格式问题

【原文链接】:https://blog.csdn.net/weixin_34357267/article/details/87004833

1.ion-datetime的使用

	<ion-datetime displayFormat="YYYY-MM-DD HH:mm:ss" placeholder="选择日期" doneText="完成" cancelText="取消"
       [(ngModel)]="editDataTemp.planStartTime" max="2029-12-30" ></ion-datetime>

2.ion-datetime输出日期的格式

你选择的时间是2019-07-26 12:10 :00,但console一下,输出的格式是2019-07-16T12:10:00.000Z,不是你想要的效果。

方法一:
  let time = new Date(this.editDataTemp.planEndTime).getTime();
  let datatime = new Date(time).toISOString();
  this.editDataTemp.planEndTime =String(datatime.substring(0, datatime.length - 5)).replace('T', ' ');


方法二:
const time = new Date(this.editDataTemp.planEndTime).getTime() - 8 * 60 * 60 * 1000;
this.editDataTemp.planEndTime = UtilsService.formatDate(time, 'yyyy-MM-dd HH:mm:ss');

 public static formatDate(date, format) {
	 if (!date) {
 	 return null;
  	 }
 	   const datePipe = new DatePipe('en-US');
       return datePipe.transform(date, format);
  }

3.将string型转换成Data型

 this.editDataTemp.startTime = new Date(Date.parse(this.editDataTemp.planStartTime.replace(/-/g, '/'))).toISOString();
 this.editDataTemp.endTime = new Date(Date.parse(this.editDataTemp.planEndTime.replace(/-/g, '/'))).toISOString();
 this.editDataTemp.completetTime = new Date(Date.parse(this.editDataTemp.mustEndTime.replace(/-/g, '/'))).toISOString();
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值