如何在javascript中将完整日期转换为短类型日期?
我用JavaScript获得完整日期。->“太阳2020年2月23日10:12:46 GMT+0800(CST)” 我想将其转换为短日期(日期类型,而不是字符串)->“2020-02-23”如何在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); /*如果需要,定
如何转换此文件?有多种方法可以实现此目的,但不需要第三方库的简单方法如下:
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}
);
}
}
您可以提供一个示例代码,这将非常容易。您可以提供一个示例代码,这将非常容易