Создание элемента управления формы с 3 списками выбора в качестве объекта

Я создал настраиваемый элемент управления формы с 3 списками выбора для выбора день-месяц-год. Однако мне нужно передать выделение как объект, и я хочу преобразовать этот элемент управления формы для передачи объекта, имеющего поля день-месяц-год. Но мне не удалось преобразовать этот элемент управления формы для создания объекта.

Вот ДЕМО моего предыдущего элемента управления формой.

Не могли бы вы сообщить мне, как правильно обновить его, чтобы испускать объект? Вы также можете поиграть на следующем Stackblitz, который я создал, он не слишком сложен и может быть легко отредактирован.

В чем проблема? вы определенно испускаете объект Date из элемента управления. в вашем примере поместите console.info('y m d', value.getFullYear(), value.getMonth(), value.getDate()); в свою функцию app.commponentvalueChanges.subscribe.

Callum Morrisson 30.03.2021 10:43

Большое спасибо, но я пробовал много разных вещей и не получил должной работы. Не могли бы вы изменить этот код и позвольте мне проверить ваше предложение? Я также попытался передать эти значения, которые вы упомянули как строку, но значения странные, поскольку они происходят из Date. Итак, мне нужно полностью избавиться от типа данных Date и использовать объект. Любая идея?

zertuc 30.03.2021 11:27

Неясно, какой объект вы хотите передать обратно, можете ли вы привести пример того, что вы хотите, чтобы он испускал взамен?

Callum Morrisson 30.03.2021 11:39

Извините, но я действительно слишком запутался. На самом деле я просто хочу передать 3 элемента (день-месяц-год) в объект и передать этот объект родительскому компоненту, который использует этот элемент управления формой. Любая идея?

zertuc 30.03.2021 12:17

так что вы хотите передать объект, не являющийся датой, а также вывести объект, не являющийся датой? Или просто вывести объект, не являющийся датой?

Callum Morrisson 30.03.2021 12:47

Все является элементом объекта, ничто не является датой. У меня есть 3 поля: день, месяц и год. Я хочу передать их родительскому компоненту как единый объект. Значения внутри объекта (день, месяц и год) представляют собой строку

zertuc 30.03.2021 12:59

Это сбивает с толку, потому что ваш @Input на элементе управления уже является Date, так зачем ему выводить что-либо, кроме Date? Может быть, вам стоит попросить человека, написавшего этот код, переписать его за вас?

Callum Morrisson 30.03.2021 13:02

Поле дня не является обязательным, и по этой причине я столкнулся со многими трудностями. Вы можете полностью забыть этот пример. Мне просто нужно создать настраиваемый элемент управления формой, в котором есть 3 mat-select для перечисления дня, месяца и года. Вы также можете забыть о функциях LeapYear и т. д., Связанных с Date. Мне просто нужно выдавать выбранные 3 поля как один объект всякий раз, когда изменяется один из списка выбора. Как я уже сказал, вы можете полностью удалить все части, связанные с датой, из этой ДЕМО.

zertuc 30.03.2021 14:07

Вопросы здесь должны содержать весь соответствующий код и входные данные непосредственно в вопросе, а не в сторонней службе.

meagar 30.03.2021 20:07
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
9
29
0

Другие вопросы по теме