Javascript 如何从<；获取输入值；p-日历>；在底漆中？

我有这样的情况，当必须显示从输入p日历中选择的值时
如何从输入中获取该值并以相同的格式显示在下面
我要补充的是，这里不可能使用angular2日期管道，因为我有一个日期数组，而不是一个值

我的代码：

Angular 4.2.6，Priming 4.1.3，日历示例
你的日子：
您的日期范围：

只需在此处绑定值即可

<div class="col-md-12">
   Your days: {{dates}}
 </div>
 <div class="col-md-12">
   Your range of date: {{rangeDates}}
 </div>

你的日子：{{dates}
您的日期范围：{rangeDates}

更改格式

你的日子：{date | date}
您的日期范围：{rangeDate | date}

---

如果您正在查找其他内容，请告诉我。

要从输入中获取值，您可以按照以下步骤进行操作

• 在标记中声明引用变量“#mycalendar”和“（click）”事件，如下代码段所示
• 在.ts文件中定义“test（）”函数

测试（事件，mc）{
console.log（mc.inputFieldValue）
}

---

但在这种情况下，日期的格式是错误的。我需要与输入相同的格式。请检查更新的方法。

<div class="col-md-12">
   Your days: {{dates}}
 </div>
 <div class="col-md-12">
   Your range of date: {{rangeDates}}
 </div>

<div class="col-md-12">
   Your days: <span *ngFor='let date of dates'>{{date | date}}</span>
 </div>
 <div class="col-md-12">
   Your range of date: <span *ngFor='let rangeDate of rangeDates'>{{rangeDate | date}}</span>
 </div>