我被要求开发一个带有角度的自定义日期时间选择器。
我的第一个想法是开发一个自定义组件，该组件将具有单个输入类型的文本元素和一个不可见的div（此div包含日历，小时，取消和应用按钮）。
当用户专注于输入时，将显示div，然后用户选择日期和时间，然后单击按钮再次应用div隐藏，最后输入将接收到用户选择的值。
我的问题是该组件的最终用户如何获取其日期和时间值？
我本以为先实现一个输出参数，然后再听它，但这似乎不是一个很好的解决方案。
其他问题将是最终用户是否要设置输入样式。他不会自行格式化输入，而是我正在猜测的所有组件...
我想开发一个使用指令的实现，因为我将能够操纵输入值本身，然后最终用户将只绑定到value属性。但是据我所知，指令不能有模板...
您能告诉我哪种方法可以更好地解决这一概念性问题？
谢谢
-------------------------------------------------- ---------------------------------添加了11/12/18
我首先看了两种方法，据我了解，它们似乎非常相似，尽管都没有达到我想要的效果。我会尝试更好地解释自己。 我正在创建一个由N个html元素组成的新组件。
但是输入一个是主要输入，而我希望它可以像常规html元素一样从外部进行输入。 <my-component class="form-control">，因为该组件的其余部分是日历，无论如何都将始终看起来相同。
我想做的另一件事是，可以通过指令直接访问value属性。目前，我正在完成<my-component [(value)]="date">
我是新手，对棱角分明，所以很抱歉，如果我缺少明显的内容。
谢谢