当前位置: 首页 > 面试题库 >

使用moment.js更改Angular Material中的md-datepicker格式

莫英喆
2023-03-14
问题内容

Angular材料引入了一个新的日期选择器组件,可在此处找到。

我希望此组件返回的日期的格式为 yyy-mm-dd,
但是我不确定如何完成。通过搜索,我发现$mdDateLocaleProvider可以使用它,但是找不到使用它的示例。

有人可以给我展示格式化返回日期的有效示例md-datepicker吗?


问题答案:

$mdDateLocaleProviderAngular
Material文档中有一个文档。

angular.module('app').config(function($mdDateLocaleProvider) {
    $mdDateLocaleProvider.formatDate = function(date) {
       return moment(date).format('YYYY-MM-DD');
    };
});

如果不使用moment.js,则将内部代码替换formatDate为您希望用来格式化日期的任何内容。

这是一个基于Angular Material文档的示例的CodePen示例。



 类似资料:
  • 我正在尝试使用Appium更改datepicker元素中的日期。我不能使用findElement(by.id(“id”);因为我运行的是版本4.2.2(API 17),而且据我所知,这个版本不支持by.id。使用selendroid,我可以像这样更改日期: 在我的appium代码中,我尝试在默认日期之前访问它。例如,我试图像这样更改月份: noSuChelementException:无法使用给定

  • 问题内容: 我使用记录的日期选择在这里。 但是,没有直接选项允许更改语言,默认情况下为 英语 。 我找到了不带angular指令提供的小部件的文档,它提供了一种实现它的好方法: http://bootstrap- datepicker.readthedocs.org/en/latest/i18n.html 有没有一种简便的方法来避免调整原始指令的源代码来进行更改? 问题答案: 如果您使用的是Dat

  • 我正在使用下面的datepicker(编辑),因为它的工作已经完成 如何更改格式并将datepicker结果转换为211125???yyMMdd的东西 我需要两个时间选择器在一个相同的活动,将需要他们的搜索使用startAt()

  • 我使用的是angularjs,我的html上有一个日期选择器,它显示('YYYY-mm-dd')格式 这是我的html代码: 输入类型="text"class="form-control inport-sm"ng-model="form.exceldate"name="date"data-date-form="yyyy-MM-dd"data-max-date="今天"data-自动关闭="1"bs

  • 我有一个标准的应用程序设置(活动、视图模型、存储库)。该活动包含一个RecyclerView。RecyclerView有一个适配器。在我的活动中,我通过观察LiveData对象来更新RecyclerView: 如果用户点击我的RecyclerView中的任何项目,quizTask将被更改,并将触发一个onChanged事件。根据用户点击的项目,我想更改RecyclerView中一些项目的字体颜色。

  • 当选择开始日期时,我希望只有3-7天的可能性才是开始日期。因此,数据周期应为最小3天,最大7天。 现在可以使用以下代码: null null 我的问题是格式。我想要像dd-mm-yyyy一样。但当我这样做时,数据范围不能正常工作...当我选择今天作为开始日期,那么第一个可能的日期是在一月份… 现在对我有效的OK解决方案: null null