@ivanwei/tui-time-picker
Version:
TOAST UI Components: TimePicker
52 lines (45 loc) • 1.73 kB
HTML
<head lang="en">
<meta charset="UTF-8">
<title>4. Internationalization (i18n)</title>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<link href="../dist/tui-time-picker.css" rel="stylesheet">
</head>
<body>
<div class="code-html">
<table>
<tbody>
<tr>
<td>
<p>English</p>
<div id="timepicker-selectbox-en"></div>
</td>
</tr>
<tr>
<td>
<p>Korean</p>
<div id="timepicker-spinbox-ko"></div>
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="https://uicdn.toast.com/tui.code-snippet/v1.3.0/tui-code-snippet.min.js"></script>
<script type="text/javascript" src="../dist/tui-time-picker.js"></script>
<script type="text/javascript" class="code-js">
tui.TimePicker.localeTexts.en = {
am: 'a.m.',
pm: 'p.m'
};
var tpWithEnglish = new tui.TimePicker('#timepicker-selectbox-en', {
language: 'en'
});
var tpWithKorean = new tui.TimePicker('#timepicker-spinbox-ko', {
language: 'ko',
meridiemPosition: 'left'
});
</script>
</body>
</html>