TimePicker

Question

post 我的问题会在这里，因为 vue.js 论坛似乎已经死了，无法收到 slack 确认电子邮件。

我最近开始使用 .vue 编写代码并有一个问题。

在我 select 使用时间选择器的时间之后，我想将小时和分钟放入一个变量中。（一个或多个，还不确定）现在我得到这个“Sun Dec 31 1899 07:25:00 GMT-0500 (EST)”

我以为我能做到

console.log(this.hour);
console.log(this.minute);
console.log(this.hour + ":" + this.minute);

他的代码在这里 https://play.nativescript.org/?template=play-vue&id=pFJlwX&v=4

<template>
    <Page>
        <ActionBar title="Time Picker" />
        <ScrollView>
            <StackLayout class="home-panel">

                <TimePicker v-model="yourTimeValue" @timeChange="onHour" :hour="8" :minute="currentMinute" minuteInterval="5" />
                <TextField v-model="textFieldValue" hint="Enter text..." @returnPress=" onHour" />

            </StackLayout>
        </ScrollView>
    </Page>
</template>

<script>
    export default {
        data() {
            return {
                currentMinute: new Date().getMinutes(),
                textFieldValue: ""
            };
        },
        methods: {
            // when you release your finger from the timepicker, you end up in this function
            onHour: function(args) {
                console.log(this.yourTimeValue);  // returns something like this Sun Dec 31 1899 07:25:00 GMT-0500 (EST)
                console.log(this.textFieldValue); // this return the text you wrote in the text field
            }
        }
    };
</script>

<style scoped>
    .home-panel {
        vertical-align: center;
        font-size: 20;
        margin: 15;
    }

    .description-label {
        margin-bottom: 15;
    }
</style>

谢谢

Answer 1

v-model 只能保存一个值，因此它是包含时间（小时和分钟）的日期。

您始终可以从日期对象中解析小时和分钟，

console.log(this.yourTimeValue.getHours() + ":" + this.yourTimeValue.getMinutes());

TimePicker - 检索所选的实际值（小时和分钟）

TimePicker - retrieving actual values selected (hour and minute)

vue.js

nativescript

nativescript-vue