材料设计日期选择器

Posted 2023-05-07

【中文标题】材料设计日期选择器

【英文标题】：Material Design Date Picker

【发布时间】：2017-10-26 13:41:59

【问题描述】：

我正在使用 angular 1.X 和 angular material 开发应用程序。我的应用程序需要一个可以接受可以选择或取消选择的自定义预定义日期的日期选择器。 Angular 的内置日期选择器没有此功能，所以我想知道是否有人知道可以执行此操作的日期选择器，它也适合材料设计的外观和感觉。

感谢您的帮助！

【参考方案1】：

这是一个不错的日期时间选择器，我在我的一个应用程序中使用它。它易于实施且有据可查。

Material DateTimePicker

Live Demo

<md-input-container flex-gt-md="30">
    <label>Timepicker Only</label>
    <input mdc-datetime-picker date="false" time="true" type="text" id="time" short-time="true"
           show-todays-date
           placeholder="Time"
           min-date="minDate"
           format="hh:mm a"
           ng-change="vm.saveChange()"
           ng-model="time">
</md-input-container>