React Native时间戳转换为YYYY-MM-DD格式

情景再现:
RN项目中后台返回的时间是一个时间戳,而页面需要展示为常见的YYYY-MM-DD格式,这个时候我们该如何进行转换呢?

//导入 moment
import moment from 'moment';

自定义组件

export default class myApp extends Component {
  render() {
    return (
      <View style={styles.container}>
        <View style={{flex: 1}}>
          <View style={{flex: 1, backgroundColor: 'red'}}></View>
          <View style={{flex: 2, backgroundColor: 'orange'}}>
                <Text>{`今天是${this.todayDate()}离国庆还有十天`}</Text></View>
          <View style={{flex: 3, backgroundColor: 'steelblue'}} />
        </View>
      </View>
    );
  }

  todayDate(){
    var today = new Date();
    return this.date(today,'YY,MM,DD')
  }
}

封装方法

  date (date,fomatter){
    if (!date)return '';
    var fmt = fomatter || 'YYYY年MM月DD';
    return moment(date).format(fmt);
  }

样式文件

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});
AppRegistry.registerComponent('myApp', () => myApp);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,342评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,391评论 19 139
  • 在应用程序中添加日志记录总的来说基于三个目的:监视代码中变量的变化情况,周期性的记录到文件中供其他应用进行统计分析...
    时待吾阅读 10,434评论 0 6
  • 昨天早上的女排决赛,中国再现万人空巷,央视1+5套并机直播的合并收视率达到惊人的71.8%——整整2倍于央视春晚!...
    文刀老湿阅读 2,910评论 0 2
  • 1. 发觉好久没跟青青联系了,上次本来想正儿八经地跟他说说话,结果我俩一开口就变成了嘚嘚嗖嗖的打闹。在我又一次在课...
    一粒先生阅读 3,897评论 0 0