File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="/datapicker/default.css">
<script src="/datapicker/jquery-3.5.0.js"></script>
<script type="module" src="/datapicker/duet.esm.js"></script>
<script nomodule src="/datapicker/duet.js"></script>
<script src="/datapicker/duet.system.js"></script>
<style>
.date_wrap {
width: 280px;
height: 50px;
position: relative;
}
</style>
</head>
<body>
<div class="date_wrap">
<duet-date-picker identifier="date" class="startDate"></duet-date-picker>
</div>
<div class="date_wrap">
<duet-date-picker identifier="date" class="endDate"></duet-date-picker>
</div>
<script>
const startDate = document.querySelector(".startDate");
const endDate = document.querySelector(".endDate");
startDate.localization = {
buttonLabel: 'Choose date',
placeholder: 'YYYY-MM-DD',
selectedDateMessage: 'Selected date is',
prevMonthLabel: '이전 달 보기',
nextMonthLabel: '다음 달 보기',
monthSelectLabel: '월',
yearSelectLabel: '년',
closeLabel: 'Close window',
calendarHeading: 'Choose a date',
dayNames: ['일', '월', '화', '수', '목', '금', '토'],
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월'],
}
endDate.localization = {
buttonLabel: 'Choose date',
placeholder: 'YYYY-MM-DD',
selectedDateMessage: 'Selected date is',
prevMonthLabel: '이전 달 보기',
nextMonthLabel: '다음 달 보기',
monthSelectLabel: '월',
yearSelectLabel: '년',
closeLabel: 'Close window',
calendarHeading: 'Choose a date',
dayNames: ['일', '월', '화', '수', '목', '금', '토'],
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월'],
}
</script>
</body>
</html>