angular - 概念自定义角度 DateTimePicker 问题

我被要求开发一个带有角度的自定义日期时间选择器。

我的第一个想法是开发一个自定义组件，它有一个输入类型的文本元素和一个不可见的 div（这个 div 将包含日历、小时、取消和应用按钮）。

当用户关注输入时，div 出现，然后用户选择日期和时间，然后单击按钮再次应用 div 隐藏，最后输入接收用户选择的值。

我的问题是该组件的最终用户如何获取其日期时间值？

我想实现一个输出参数然后听它，但这似乎不是一个优雅的解决方案。

其他问题是最终用户是否想要设置输入样式。他不会自己格式化输入，而是我猜测的所有组件......

我宁愿开发一个使用指令的实现，因为我将能够操纵输入值本身，然后最终用户只需绑定到 value 属性。但据我了解，指令不能有模板......

你能告诉我哪个是这个概念问题的更好解决方案吗？

谢谢

-------------------------------------------------- ------------------ 2018 年 11 月 12 日添加

我首先看了一下这两种方法，据我了解，它们看起来非常相似，尽管它们都没有达到我想要的效果。我会尝试更好地解释我的自我。我正在创建一个由 N 个 html 元素组成的新组件。

但是输入是主要的，我希望能够像常规 html 元素一样从外部进行样式设置。<my-component class="form-control">因为组件的其余部分是一个日历，无论如何它看起来总是一样的。

我还想做的另一件事是直接访问 value 属性，这可以通过指令来实现。现在我正在完成它<my-component [(value)]="date">

我对角度非常陌生，所以如果我遗漏了一些明显的东西，我很抱歉。

谢谢

标签： angulartypescriptdatetimepickerconceptual