Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript中将完整日期转换为短类型日期?_Javascript_React Native - Fatal编程技术网

如何在javascript中将完整日期转换为短类型日期?

如何在javascript中将完整日期转换为短类型日期?,javascript,react-native,Javascript,React Native,我用JavaScript获得完整日期。->“太阳2020年2月23日10:12:46 GMT+0800(CST)” 我想将其转换为短日期(日期类型,而不是字符串)->“2020-02-23” 如何转换此文件?有多种方法可以实现此目的,但不需要第三方库的简单方法如下: const inputString=“太阳2020年2月23日10:12:46 GMT+0800(CST)”; /*直接从提供格式的字符串分析日期对象*/ const date=新日期(inputString); /*如果需要,定

我用JavaScript获得完整日期。->“太阳2020年2月23日10:12:46 GMT+0800(CST)” 我想将其转换为短日期(日期类型,而不是字符串)->“2020-02-23”
如何转换此文件?

有多种方法可以实现此目的,但不需要第三方库的简单方法如下:

const inputString=“太阳2020年2月23日10:12:46 GMT+0800(CST)”;
/*直接从提供格式的字符串分析日期对象*/
const date=新日期(inputString);
/*如果需要,定义将零填充到字符串前面的辅助函数
数字小于10*/
const padNumber=n=>`${n<10?'0':''}${n}`
/*格式化所需的输出字符串,并在日期部件上使用padNumber帮助
必要时*/
const outputString=`${date.getFullYear()}-${padNumber(date.getMonth()+1)}-${padNumber(date.getDate())}`

日志(outputString)实现这一点的方法有很多,但不需要第三方库的简单方法如下:

const inputString=“太阳2020年2月23日10:12:46 GMT+0800(CST)”;
/*直接从提供格式的字符串分析日期对象*/
const date=新日期(inputString);
/*如果需要,定义将零填充到字符串前面的辅助函数
数字小于10*/
const padNumber=n=>`${n<10?'0':''}${n}`
/*格式化所需的输出字符串,并在日期部件上使用padNumber帮助
必要时*/
const outputString=`${date.getFullYear()}-${padNumber(date.getMonth()+1)}-${padNumber(date.getDate())}`

日志(outputString)这不是一个内置函数,但您始终可以


迭代字符串,直到出现第一个数字

然后开始录制“日期”字符串

然后用破折号替换空白

并在第一个“:”处停止记录日期字符串


你可以用它来做一个函数,或者搜索一个内置函数。它不是一个内置函数,但你总是可以


迭代字符串,直到出现第一个数字

然后开始录制“日期”字符串

然后用破折号替换空白

并在第一个“:”处停止记录日期字符串


你可以利用它制作一个功能,或者搜索一个内置的

你可以使用一个力矩包来实现你的目的。下面是一个小例子

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import moment from 'moment';

export default class App extends React.Component {

constructor(props) {
    super(props);
    this.state = {
      dateText: '',
    };
  }

    onDOBDatePicked = (date) => {
      this.setState({
        dateText: moment(date).format('DD-MMM-YYYY')
      });
    }
    componentDidMount () {
      const date = "Sun Feb 23 2020 10:12:46 GMT+0800 (CST)";
      this.onDOBDatePicked(date);
    }

  render() {
    return (
      <View>
        <Text style={{ padding : 50 }}>
          {this.state.dateText}
        </Text>
      </View>
    );
  }
}
import React,{Component}来自'React';
从“react native”导入{View,Text};
从“力矩”中导入力矩;
导出默认类App扩展React.Component{
建造师(道具){
超级(道具);
此.state={
日期文本:“”,
};
}
onDOBDatePicked=(日期)=>{
这是我的国家({
日期文本:时刻(日期)。格式('DD-MMM-YYYY')
});
}
组件安装(){
const date=“太阳2020年2月23日10:12:46 GMT+0800(CST)”;
此.onDOBDatePicked(日期);
}
render(){
返回(
{this.state.dateText}
);
}
}

您可以使用moment套餐来实现您的目标。下面是一个小例子

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import moment from 'moment';

export default class App extends React.Component {

constructor(props) {
    super(props);
    this.state = {
      dateText: '',
    };
  }

    onDOBDatePicked = (date) => {
      this.setState({
        dateText: moment(date).format('DD-MMM-YYYY')
      });
    }
    componentDidMount () {
      const date = "Sun Feb 23 2020 10:12:46 GMT+0800 (CST)";
      this.onDOBDatePicked(date);
    }

  render() {
    return (
      <View>
        <Text style={{ padding : 50 }}>
          {this.state.dateText}
        </Text>
      </View>
    );
  }
}
import React,{Component}来自'React';
从“react native”导入{View,Text};
从“力矩”中导入力矩;
导出默认类App扩展React.Component{
建造师(道具){
超级(道具);
此.state={
日期文本:“”,
};
}
onDOBDatePicked=(日期)=>{
这是我的国家({
日期文本:时刻(日期)。格式('DD-MMM-YYYY')
});
}
组件安装(){
const date=“太阳2020年2月23日10:12:46 GMT+0800(CST)”;
此.onDOBDatePicked(日期);
}
render(){
返回(
{this.state.dateText}
);
}
}

您可以提供一个示例代码,这将非常容易。您可以提供一个示例代码,这将非常容易