modal 에서 datepicker 사용시 위치 안 맞는 이슈

완벽하게 기능함!

$(".calendar-modal").datepicker({
	dateFormat: 'yy-mm-dd',
	prevText: '이전 달',
	nextText: '다음 달',
	monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
	monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'],
	dayNames: ['일', '월', '화', '수', '목', '금', '토'],
	dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],
	dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
	showMonthAfterYear: true,
	yearSuffix: '년',
	beforeShow: function(input, inst) {

		// Handle calendar position before showing it.
		// It's not supported by Datepicker itself (for now) so we need to use its internal variables.
		var calendar = inst.dpDiv;

		// Dirty hack, but we can't do anything without it (for now, in jQuery UI 1.8.20)
		setTimeout(function() {
			calendar.position({
				my: 'right top',
				at: 'right bottom',
				collision: 'none',
				of: input
			});
		}, 1);

	}
});