angular2 datePipe IOS不兼容问题

angular2的pipe管道 {{ time | date:‘yyyy-MM-dd‘ }},使用date 进行日期格式调整的时候,在安卓显示OK,IOS 不显示

解决办法 :使用angular2-moment

1.安装angular2-moment

npm install --save angular2-moment

2.module中配置

...
import {MomentModule} from "angular2-moment";

@NgModule({
  imports: [
    MomentModule
  ],
...

3、使用

<p>angular2-moment: 简写am</p>
<p>1. 多久之前: amTimeAgo</p>
<p>2. 日期语音: amLocale, 放在其他管道前面,要不然会报错。</p>
<p>{{‘1989-09-23‘ | amLocale:‘zh-cn‘ | amTimeAgo}}</p>
<p>3. 日期格式: YYYY-MM-DD HH:mm</p>
<p>{{‘2016-01-24 14:23:45‘ | amLocale:‘zh-cn‘ | amDateFormat:‘YYYY-MM h:mm:ss a‘}}</p>
<p>4. 日期格式: YYYY-MM-DD</p>
<p>{{‘2016-01-24 14:23:45‘ |amDateFormat:‘YYYY-MM-DD‘}}</p>
<p>5. 时间戳</p> <p>{{(1456263980 | amFromUnix) |amLocale:‘zh-cn‘ | amDateFormat:‘YYYY-MM-DD hh:mm:ss A‘}}</p><p>6. 将前面的妙,智能转换</p> <p>{{36000 | amDuration:‘seconds‘}}</p>

4、更多配置参考网站

1、https://github.com/urish/angular2-moment/
2、https://momentjs.com/
文章参考:https://segmentfault.com/a/1190000010711177

原文地址:https://www.cnblogs.com/maochunyan/p/9341454.html

时间: 2024-10-11 07:46:54

angular2 datePipe IOS不兼容问题的相关文章

placeholder的字体样式改变,滚动条的颜色改变,ios日期兼容

placeholder: ::-webkit-input-placeholder { color: rgba(153, 153, 153, 0.541);font-size:12px;}:-moz-placeholder {color: rgba(153, 153, 153, 0.541);font-size:12px;}::-moz-placeholder {color: rgba(153, 153, 153, 0.541);font-size:12px;}:-ms-input-placeho

iOS IPv6兼容支持和IPv6审核被拒收集整理

iOS IPv6兼容支持和IPv6审核被拒收集整理 最近遇到一个大坑:IPv6审核被拒问题,于是广寻解决方案,先把一些可以用资料文档收集起来备用.也希望同行能用得着. 官方文档说明:Supporting IPv6 DNS64/NAT64 Networks 官方关于支持IPv6的网络的开发指引文档 iOS-用手机网络测试Ipv6 用一台Mac,2个iPhone手机,1个数据线搭建本地IPv6测试网络环境 iOS应用支持IPV6,就那点事儿 参考官方文档的一些原理中文说明 专业处理AppStore审

ipa包兼容性大作战!WeTest iOS深度兼容测试全新升级

2018年,移动端适配话题热闹无比,有iOS新版本新机型发布,全面屏.异形屏.曲面屏争相斗艳,从而产生了各类特殊的屏幕分辨率设备. 正是因为这些特殊分辨率,导致2018年手机设备频繁出现适配问题,如屏幕显示不全.双边未占满.顶部导航栏高度不对导致部分被遮挡,包括之前经常被用户提及的黑屏.闪退.安装失败等问题.特别是iOS设备在18年推出三款新的 iPhone:6.1英寸的iPhone XR.5.8英寸的iPhone XS.6.5英寸的iPhone XS Max.加上iOS版本升级成iOS 12,

微信小程序开发之IOS/Android兼容坑(持续更新)

一.时间转换问题: 这不只是小程序上面的问题是ios系统 都有这个问题就是new  Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装,解决方案如下 1.替换”-“为”/“ 2.删除”.“后面的字符串(带毫秒也会有问题) 二.定位问题 整个页面的fixed定位,在ios下下拉会触发下拉事件,但是没有动画效果.Android就能正常运行 三.absolute定位问题, 这不属于手机兼容问题 使用absolute定位,并且宽带设置了100% 并且设

iOS如何兼容的应用程序32位系统和64Bit系统

苹果发布iPhone5S时刻,64应用程序位去了眼前.当时我看到苹果公布的官方数据iOS7.x的SDK支撑64位应用程序.而内置的应用程序已经64位置. 我记得自己刚刚接触电脑时还有16位的系统,指针的寻址范围还是16位的.当年用TurboC时,还要依据应用的大小选择是tiny模式还是其它.后来非常长一段时间使用32位的模型编程.4G是牢牢记住的一个边界条件.而如今,64位走到了眼前. 就如同16位转向32位一样.硬件肯定是最先推出的.SDK也会跟进.然后各种第三方的应用才会逐步跟进.这个过程一

Ios 若干兼容处理

最后处理兼容真是各种苦逼,还算好,最后解决了,再此总结一下 position:fixed 和 input 的问题? ios 对position:fixed 的定位处理兼容性不是很好,例如,在同时又input的时候,小键盘会将其定位内容顶起,处理方法:网上有各种方式,我处理是没有用position:fixed :而是用position:absoutle 代替: 在使用position:fixed 定位到顶部或底部的时候,内容滚动,会出现定位内容消失,这个时候需要将滚动内容在外层套个 : 3.ios

IOS系统兼容input keyup事件

最近在做移动端模糊搜索功能,js监听input的keyup事件,在chrom模拟器和android手机环境运行都没有问题,到了ios手机却出现bug,没法实现功能: 查了好一会资料,发现keyup事件在ios系统下存在不兼容问题,解决的方法是通过 html5的 oninput事件来实现,代码如下: <input id="input" type="text" /> document.querySelector('#input').addEventListe

new Date()在ios的兼容问题

new Date()在安卓和pc端上正常显示,但是却在ios上显示 NAN的问题 正常写法: var time = new Date("2019-08-24 12:30:00"); IOS中不支持 - 连接日期 需要写成 var time = new Date("2019-08-24 12:30:00".replace(/-/g, "/")); 这样来兼容ios 原文地址:https://www.cnblogs.com/chenluqing/p/

PHP android ios相互兼容的AES加密算法

APP项目用户密码传输一直没有用HTTPS,考虑到用户的隐私暂时先用AES对密码加密,以后也可以用于手机端与服务端加密交互. PHP的免费版phpAES项目,手机端解码各种不对. 好不容易找了PHP ANDROID IOS,相互加解密正常的AES加密算法代码. PHP的AES加密算法: [codesyntax lang=”php”] <?php class MCrypt { private $hex_iv = '00000000000000000000000000000000'; # conve