Вам нужно назначить width
без hover
для анимации при наведении мыши, отметьте его
.column img{
filter: brightness(0.8);
transition: 0.6s ease;
width:35%;
}
.column:hover img{
filter: brightness(0.5);
width:110%;
transform: translate(-5%,-5%);
transition: 0.6s ease;
}
<div class="column">
<a href="-----.html">
<img src="https://www.google.co.in/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
</a>
</div>
Метод getDay()
возвращает число, обозначающее день недели (0=Восход, 1=Полдень, ... 6=Сеть). Используйте getDate()
для возврата числа для дня в месяце:
var day = convertedStartDate.getDate();
При желании можно попробовать добавить функцию пользовательского форматирования в прототип объекта Date
:
Date.prototype.formatMMDDYYYY = function(){
return (this.getMonth() + 1) +
"/" + this.getDate() +
"/" + this.getFullYear();
}
После этого можно вызвать formatMMDDYYY()
на любом экземпляре объекта Date
. Конечно, это просто очень специфический пример, и если он вам действительно нужен, вы можете написать общую функцию форматирования, которая сделает это на основе строки форматирования, что-то вроде java's SimpleDateeFormat (http://java.sun.com/j2se/1.4.2/docs/api/java/text/SimpleDateFormat.html)
(касательная: объект Date
всегда сбивает меня с толку.... getYear()
vs getFullYear()
, getDate()
vs getDay()
, getDate()
находится в диапазоне от 1. .31, но getMonth()
от 0..11
Это беспорядок, и мне всегда нужно взглянуть. http://www.w3schools.com/jsref/jsref_obj_date.asp)
Немного поздно стороне, toLocaleDateString()
удалит продвижение 0s в течение дня и месяца, таким образом, мы получим что-то как "1/9/1970", который не прекрасен, по-моему. Для получения соответствующего формата MM/DD/YYYY
, мы можем использовать что-то как:
new Date(dateString).toLocaleDateString('en-US', {
day: '2-digit',
month: '2-digit',
year: 'numeric',
})