本文介绍了角材料日期选择器位置错误,除了在 Chrome 上的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在我的项目中使用 angular-material 和 md-datepicker.

我有一个表单,包含几个输入和 问题是日期选择器的位置(日历,而不是初始输入)是错误的,除了如果我不使用 Google Chrome,则为第一个.

如果所有 <md-datepicker> 都位于页面顶部并彼此相邻,则位置似乎是正确的,但是一旦我们需要向下滚动一点,定位失败.

这是一个代码笔,您可以在其中查看 Firefox 上的问题:http://codepen.io/anon/pen/pjGPGZ?editors=101

只需向下滚动并尝试使用日期选择器.

解决方案

正如 Gianni 指出的那样,它已被修复:https://github.com/angular/material/commit/d423a65600cb6dc2882b38c98c918828c88c961

I am using angular-material and md-datepicker in my project.

I'm having a form, containing several inputs and <md-datepicker> and the problem is that the position of the datepickers (the calendar, not the initial input) is wrong except for the first one if I'm not using Google Chrome.

The position seems to be correct if all the <md-datepicker> are at the top of the page next to each other, but as soon as we need to scroll down a bit, the positioning is failing.

Here is a codepen where you can see the issue on Firefox : http://codepen.io/anon/pen/pjGPGZ?editors=101

Just scroll down and try to use the datepickers.

解决方案

As Gianni pointed out, it has been Fixed by :https://github.com/angular/material/commit/d423a65600cb6dc2638c91882b38be2dfea965f8

这篇关于角材料日期选择器位置错误,除了在 Chrome 上的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 03:19