Чтобы также решить проблему, указанную kazuar:
К сожалению, это не работает, если дата вводится с клавиатуры
blockquote>, вы должны определите метод parseDate. Из документа:
$mdDateLocaleProvider.parseDate = function(dateString) { var m = moment(dateString, 'L', true); return m.isValid() ? m.toDate() : new Date(NaN); };
Для полного примера у меня есть в моем приложении (с использованием момента):
$mdDateLocaleProvider.formatDate = function(date) { return moment(date).format('DD/MM/YYYY'); }; $mdDateLocaleProvider.parseDate = function(dateString) { var m = moment(dateString, 'DD/MM/YYYY', true); return m.isValid() ? m.toDate() : new Date(NaN); };
С уважением
Вы анимируете max-height
, что вызывает перекомпоновку макета, которая требует интенсивного использования графического процессора. См. https://csstriggers.com/ для свойств CSS, которые вызывают компоновку, рисование или составные вычисления. Наиболее эффективным способом было бы сделать это в JavaScript для вычисления границ заранее и использовать transform
вместе с requestAnimationFrame
для манипулирования измерениями. Но я должен признать, что это немного сложно. У Пола Льюиса есть много хороших материалов о технике FLIP: https://aerotwist.com/blog/flip-your-animations/