привязка v-текстового поля к дате - PullRequest
Новая
       5

привязка v-текстового поля к дате

0 голосов
/ 12 января 2020

Я пытаюсь создать текстовое поле v для ввода дат в формате мм-дд-гггг. В настоящее время я получаю данные из базы данных ms sql для этих полей, которые являются столбцами даты и времени. Они хранятся на стороне клиента в моделях машинописи со свойствами типа Date. Временная часть этих полей действительно не имеет значения, и поэтому я хотел бы отобразить ее как mm-dd-yyyy, а также отредактировать это поле в том же формате. В то же время я хочу, чтобы значение, которое пользователь вводил в свойстве typecript типа Date

Я не хочу использовать для этого v-date-picker, потому что оно действительно кажется мне ненужным учитывая, что пользователи, которые вводят эти данные, ранее привыкли вводить эти данные в мс доступе и могут печатать их намного быстрее, чем они могут выбрать их из средства выбора даты. Я не могу сказать, что не предпочитаю то же самое, поскольку выбор дат через пользовательский интерфейс кажется слишком медленным.

Я пробовал что-то вроде следующего и многие его варианты без какого-либо успеха. Обратите внимание, что приведенный ниже пример является выдержкой из сетки, в которой показаны следующие v-текстовые поля: 

<template v-slot:item.dueDate="props">
  <v-text-field
    dense
    hide-details
    :solo="true"
    return-masked-value
    v-mask="dateMask"
    :rules="[isValidDate(props.item.dueDate)]"
    :value="props.item.dueDate && getFormattedDate(new Date(props.item.dueDate))"
    @input="props.item.dueDate = new Date($event)"
  ></v-text-field>
</template>
...