datepicker 구글 변역시 NaN/NaN/NaN 으로 나오는 현상

datepicker에서 날짜를 가지고 올 때 NaN/NaN/NaN으로 나오는 현상이 있어서 구글링을 해보니 

구글 번역을 한 경우 값이 이렇게 넘어오는 것이었습니다.

 

구글 번역을 사용할 경우 DOM Elements 가 바뀌는 경향이 있어서 문제를 일으키는 것 같습니다.

 

구글 번역을 하고 싶지 않을 경우 class 내에 notranslate라는 요소를 추가해주면 됩니다.

이건 DatePicker에 국한되지는 않는 것 같습니다.

notranslate 클래스 내의 컨텐츠는 번역을 하지 않는다고 하네요.

 

<input type="text" class="datepicker notranslate" />

 

이번에는 jQeury, jQuery UI datepicker 사용 시 문제임으로 datepicker 초기화할 때 추가해주면 간단하게 해결을 할 수 있습니다.

$(function() {
    $(".datepicker").datepicker();	// datepicker 초기화 
    $('.ui-datepicker').addClass('notranslate');	// 구글 번역 제외
});

위 코드와 같이 코드를 추가 해줌으로서 datepicker에서 제대로 된 날짜 값을 가져올 수 있습니다.

 

아래 참고글이 제가 참고한 문서입니다.

 

참고 글 : 

sarathlal.com/stop-google-from-translating-datepicker-input-field/

 

Stop Google from translating datepicker input field - Sarathlal N