Input 如何在RangeSelector'；Highstock中的日期输入？

我使用Highstock和Ionic 3构建了一个图表，如下所示：

在RangeSelector中有两个框（“从”和“到”）

我想知道如何在每个盒子里放一个日历？像这样：

---

我是离子开发的新手，希望看到一个使用Angular 5的示例代码。有人能帮我吗？

你可以用爱奥尼亚

日期时间

。您可能需要为自己定制。它有许多功能。您可以像下面这样使用：

// in .html file
    <ion-col class="search-text-input">
       <ion-item id="SearchDate" class="right-float">
            <ion-datetime
                [(ngModel)]="dosDate"
                displayFormat="{{dateFormat}}"
                min="1900-01-01">
            </ion-datetime>
       </ion-item>
     </ion-col>

// in .scss file
.search-text-input {
  background-color: transparent !important;
  margin-top: 5px;
}

.search-text-input ion-item#SearchDate {
  border-radius: 2mm;
  padding-left: 2mm;
  height: 10mm;
  font-size: 1.4rem;
}

// in .ts file
export class HighstockPage {
    dosDate: string;
    dateFormat: string;
    constructor() {
       this.dosDate = '';
       this.dateFormat = 'MM/DD/YYYY';
    }
}

//在.html文件中
//在.scss文件中
.搜索文本输入{
背景色：透明！重要；
边缘顶部：5px；
}
.搜索文本输入项#搜索日期{
边界半径：2mm；
左侧填充：2mm；
高度：10mm；
字体大小：1.4rem；
}
//在.ts文件中
导出类HighstockPage{
dosDate:字符串；
日期格式：字符串；
构造函数（）{
this.dosDate=“”；
this.dateFormat='MM/DD/YYYY'；
}
}

参考：

---

您也可以将该软件包用于您的项目。

谢谢您的回答。我知道ionic DataTime，但是我不知道如何在inputDate中使用TypeScript实现它。请给我看一个示例代码好吗？