Vue格式日期从DD-MM-YYYY到MM-DD-YYYY

时间:2020-05-25 01:44:18

标签: vue.js

我是Vue Js的新手。我使用vue-date-dropdown添加了下拉日期。当前日期下拉列表的格式为DD-MM-YYYY,是否可以将其更改为MM-DD-YYYY?

vue-date-dropdown = https://www.npmjs.com/package/vue-date-dropdown的打包链接

我的视图

<b-form-group>
    <date-dropdown default="1993.02.27" min="1940" max="2020" :months-names="months" :format="'MM.DD.YYYY'" v-model="date_of_birth" id="dateDropdownDesign">
    </date-dropdown> 
    /** i tried to use :format date option , but it did not work **/
</b-form-group>

这是我现在用于日期下拉菜单的图像。它以DD MM YYYY格式显示。有没有办法将此用户界面代码更改为MM DD YYYY格式?

enter image description here

这是我的代码上传到jsfiddle

https://jsfiddle.net/ujjumaki/5pbzf012/2/

1 个答案:

答案 0 :(得分:1)

您可以使用此刻并将日期更改为任何格式:

时刻(此出生日期,“ DD.MM.YYYY”)。format(“ MM.DD.YYYY”)

像这样:

 <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <Grid Padding="5" BackgroundColor="Transparent">
                            <StackLayout BackgroundColor="AliceBlue">
                                <Label
                                    FontSize="Medium"
                                    Text="{Binding FullName}"
                                    TextColor="Orange" />

                            </StackLayout>
                        </Grid>

                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>

<ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <Frame Padding="5" BackgroundColor="Transparent">
                            <StackLayout BackgroundColor="AliceBlue">
                                <Label
                                    FontSize="Medium"
                                    Text="{Binding FullName}"
                                    TextColor="Orange" />

                            </StackLayout>
                        </Frame>

                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>