input[type=date] 태그를 이용해서 날짜를 선택하려고 합니다.

브라우저는 크롬이며

위 이미지와 같이 input[type=date] 태그가 나오게 되는 데요.

여기서 날짜를 선택하려면 맨 우측에 있는 아래로 향한 화살표를 눌러야 datepicker가 나옵니다.

하지만 저 버튼이 너무 작아서 불편하더라구요.

그래서 저 회색 테두리까지의 범위인 input[type=date] 클릭하면 저절로 datepicker 가 나오도록

하려고 하는 데 잘 안되어서 도움을 요청드립니다.

document.getElementById('id').onclick = function(){  
		var e = $.Event( "keypress", { keyCode: 115 } );
		$('#id).trigger( e );   
}; 

일단  input[type=date] 태그를 클릭후에 F4 를 누르면 datepicker가 나오게 되는 것을 확인했는데요.

그래서 input[type=date]를 클릭시 강제로 keypress 혹은 keydown 이벤트를 F4의 keyCode인 115로 발생시키려고 하는데요. 위와 같은 소스로 했는 데, 에러도 안나고 아예 무반응 입니다 ..

무엇이 문제일까요 ㅠ.ㅠ