Live
<div class="container-fluid"> <div class="form-group"> <label for="theInputDateTime">InputDateTime:</label> <input id="theInputDateTime"> </div> <p> 현재 날짜/시간은 :<b><span id="dateTime"></span></b>입니다. </p></div>
Live
x
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal;}body { margin: 20px; font-family: 'S-CoreDream-3Light';}label { width: 100px; text-align: right; margin-right: 3px;}.container-fluid{ background-color:#ededed; padding:10px; border-radius:10px;}
Live
xxxxxxxxxx20
document.readyState === 'complete' ? init() : window.onload = init;//function init() { // edit date and time using an InputDateTime let theInputDateTime = new wijmo.input.InputDateTime('#theInputDateTime', { valueChanged: (sender) => showDateTime(sender.value) }); // // initialize the date/time value let dt = new Date(); dt.setHours(17, 30, 0); theInputDateTime.value = dt; // // show changes function showDateTime(value) { let el = document.querySelector('#dateTime'); el.textContent = wijmo.Globalize.format(value, 'F'); }}
External CSS
- https://cdn.grapecity.com/wijmo/5.20212.808/styles/wijmo.min.css
- https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css