jink6111
319
2019-03-05 10:06:33
2
490

javascript input[type=date] 에 대해 질문이 있습니다.


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로 발생시키려고 하는데요. 위와 같은 소스로 했는 데, 에러도 안나고 아예 무반응 입니다 ..


무엇이 문제일까요 ㅠ.ㅠ




0
  • 답변 2

  • special
    39
    2019-03-05 13:00:40

    답변이 아니긴 하지만 input date 타입은 지원되는 브라우져가 한정적입니다.


    일단 IE부터 지원을 안하죠.


    쓰시지 않는것을 추천 드립니다.

  • jink6111
    319
    2019-03-05 17:18:49

    special 그렇군요 ... 잘 안돼서

    jquery 의 datepicker로 돌렸습니다

    답변 감사드립니다 ^^

  • 로그인을 하시면 답변 을 등록할 수 있습니다.