Angular 6 Material - 如何从 matDatepicker 获取日期和时间?

标签 angular

我的 html 中有这段代码:

<mat-form-field>
    <input matInput [matDatepicker]="myDatepicker" placeholder="Choose a date" [(ngModel)]="model.value" name="value">
    <mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
    <mat-datepicker #myDatepicker></mat-datepicker>
</mat-form-field>

有了这个,我可以用这种格式获取日期:YYY-MM-DDThh:mm:ss:millisZ
使用 matDatepicker 我可以选择日期,但我需要在日期选择之后也选择时间。
是否可以使用 matDatepicker ONLY 实现此结果?
谢谢

最佳答案

不,截至目前,无法从 matDatePicker 中选择 timegithub 上仍有未决问题关于此功能。

问题线程摘要:

或者,您可以使用以下方法之一为您的项目设置 dateTimePicker

  1. MaterialTimeControl - 使用 Angular Material、CDK 和 Flex Layouts 的 Material Design

  2. amazing-time-picker - 不是用 Angular Material 构建的,但构建为与其兼容

  3. date-time-picker - 不完全是 Material Design,而是使用 CDK 构建

关于Angular 6 Material - 如何从 matDatepicker 获取日期和时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51308613/

相关文章:

html - 整页 div 叠加模糊不显示

asp.net - 类型错误 : Cannot read property of Selector-Matcher

对于 ng-select 控件的自定义验证,Angular 2 表单状态始终无效

angular - 无法通过任何组件 Angular 拦截器或构造函数显示 ng -bootstrap toast。但点击按钮就可以正常工作

angular - Angular 7 中的单例服务

javascript - 为什么视口(viewport)不为移动设备缩放此图像?它没有反应

angular - 无法使用弹性布局将垫卡放置在窗口中心

node.js - Angular 2捕获401响应

angular - 如何使用自定义类覆盖 component.css 中的表 css 样式?

javascript - Angular 2 : Binding Data using Elasticsearch Client