将角度日期选择器日期转换为“ YYYY-MM-DD”格式

时间:2018-09-27 04:58:23

标签: angular datepicker angular-material

我正在使用有角度的材料日期选择器。当我得到日期时,我得到的值为

  

2018年9月12日星期三00:00:00 GMT + 0530(印度标准时间)

但是我需要它位于<Grid> <Grid.RowDefinitions> <RowDefinition Height="*" /> <RowDefinition Height="*" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <BoxView BackgroundColor="Red" Grid.Row="0" Grid.Column="0"> <BoxView.GestureRecognizers> <PanGestureRecognizer PanUpdated="PanGestureRecognizer_OnPanUpdated"/> </BoxView.GestureRecognizers> </BoxView> <BoxView BackgroundColor="Green" Grid.Row="0" Grid.Column="1" Grid.ColumnSpan="2" /> <BoxView BackgroundColor="Red" Grid.Row="0" Grid.Column="3" /> <BoxView BackgroundColor="Blue" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" /> <BoxView BackgroundColor="Purple" Grid.Row="1" Grid.Column="2" Grid.ColumnSpan="2"/> <BoxView BackgroundColor="Aqua" Grid.Row="2" Grid.Column="0" /> <BoxView BackgroundColor="Fuchsia" Grid.Row="2" Grid.Column="1" /> <BoxView BackgroundColor="GreenYellow" Grid.Row="2" Grid.Column="2" Grid.ColumnSpan="2"> </BoxView> </Grid>

到目前为止,这是我的代码

'YYYY-MM-DD'

我也尝试使用moment.js应用程序。但是我最终遇到了复杂的日期对象。

1 个答案:

答案 0 :(得分:3)

 const momentDate = new Date(event.value); // Replace event.value with your date value
 const formattedDate = moment(momentDate).format("YYYY/MM/DD");
 console.log(formattedDate);