0

我正在尝试使用 Vuetify 的日期选择器组件。我的日期来自我的 C#，其中 DateTime 是格式。如何使用验证日期选择器进行双向数据绑定？

我想显示以前的日期，允许用户更改或不更改。

谢谢

<v-menu ref="menu" v-model="menu" :close-on-content-click="false" :nudge-right="40" :return-value.sync="date" lazy transition="scale-transition" offset-y full-width min-width="290px">

<template v-slot:activator="{ on }">

  <v-text-field v-model="**editedItem.activationdate**" label="Picker in menu" prepend-icon="event" readonly v-on="on"></v-text-field>

</template>

<v-date-picker v-model="**editedItem.activationdate**" no-title scrollable>

<v-btn flat color="primary" @click="menu = false">Cancel</v-btn>
 <v-btn flat color="primary" @click="$refs.menu.save(editedItem.activationdate)">OK</v-btn>
</v-date-picker>
</v-menu>
4

1 回答 1

0

您必须将 C# DateTime-object 转换为 JavaScript Date-object。在 JS 中，您可以通过传入自 1970 年 1 月 1 日以来的毫秒数来创建 Date 对象（new Date(0) 将为您提供 1970-01-01）。要获取此号码，您可以使用以下扩展名：

 public static class DateTimeExtensions
 {
    private static readonly long DatetimeMinTimeTicks =
        (new DateTime(1970, 1, 1, 0, 0, 0, DateTimeKind.Utc)).Ticks;

    public static long ToJavaScriptMilliseconds(this DateTime dt)
    {
        return (long)((dt.ToUniversalTime().Ticks - DatetimeMinTimeTicks) / 10000);
    }
  }

所以现在你可以在后端做例如：

long numberOfMilliseconds = DateTime.Now.ToJavaScriptMilliseconds(); //C#

并将其发送到前端，以便您可以使用 JavaScript 执行此操作：

var myDate = new Date(editedItem.numberOfMilliseconds); //JavaScript
于 2019-05-05T00:24:59.550 回答