jisangs/chocomae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: datepicker, showModal

Browse Source
This commit is contained in:
Jisang Park
2019-03-27 22:42:38 +09:00
parent 9211af00ca
commit d7753ec246
5 changed files with 265 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/module/maestro_section_record.html
+68 -45
View File
@@ -10,10 +10,26 @@ $(document).ready(function() {
});
*/
$('#datepicker').datepicker({
format: 'mm-dd-yyyy'
$('#start_datepicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
language: 'kr'
});
$('#end_datepicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
language: 'kr'
});
var today = new Date();
var yyyy = today.getFullYear();
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var dd = String(today.getDate()).padStart(2, '0');
$('#start_datepicker').datepicker('update', yyyy + "-" + mm + "-" + dd);
$('#end_datepicker').datepicker('update', yyyy + "-" + mm + "-" + dd);
});
@@ -50,46 +66,64 @@ function selectElementContents(el) {
<!-- <input type="text" value="02-16-2012" id="datepicker"> -->
<div class="modal fade" id="recordPopupModal" tabindex="-1" role="dialog" aria-labelledby="contractModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div id="recordPopupContent" class="modal-content">
</div> <!-- modal content -->
</div> <!-- modal dialog -->
</div> <!-- modal -->
<div class="card border-dark mb-3">
<div class="card-header">검색 조건</div>
<h5 class="card-header">검색 조건</h5>
<div class="card-body text-dark">
<form>
<div class="form-group row mb-0">
<!-- 날짜 -->
<div class="form-group row">
<h5 class="col-sm-2 my-2 text-right">날짜</h5>
<div class="col-sm-10">
<div class="form-row align-items-center">
<div class="col-auto">
<div class="input-group input-append date" id="datepicker" data-date-format="yyyy-mm-dd">
<input type="text" class="form-control" aria-describedby="button-addon2" size="16" readonly>
<div class="input-group input-append date" id="start_datepicker">
<label class="col-auto col-form-label" for="start_date">검색 시작일</label>
<input type="text" id="start_date" class="form-control" aria-describedby="button-date-picker-1" size="16" readonly>
<div class="input-group-append">
<button class="add-on btn btn-primary" id="button-addon2">
<button class="add-on btn btn-primary" id="button-date-picker-1">
<span class="oi oi-calendar" title="icon calendar" aria-hidden="true"></span>
</button>
</div>
</div>
</div>
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="timeCheck">
<label class="form-check-label text-muted" for="timeCheck">날짜 검색 기능 활성화</label>
<div class="col-auto">
<div class="input-group input-append date" id="end_datepicker">
<label class="col-auto col-form-label" for="end_date">검색 종료일</label>
<input type="text" id="end_date" class="form-control" aria-describedby="button-date-picker-2" size="16" readonly>
<div class="input-group-append">
<button class="add-on btn btn-primary" id="button-date-picker-2">
<span class="oi oi-calendar" title="icon calendar" aria-hidden="true"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form-group row mb-0">
<!-- 학생 이름 -->
<div class="form-group row">
<h5 class="col-sm-2 my-2 text-right">학생 이름</h5>
<div class="col-sm-10">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label text-muted" for="exampleCheck1">학생 이름 검색 기능 활성화</label>
</div>
</div>
</div>
<!-- 과목 -->
<div class="form-group row mb-0">
<h5 class="col-sm-2 my-2 text-right">과목</h5>
<div class="col-sm-10">
@@ -128,14 +162,10 @@ function selectElementContents(el) {
</div>
</div>
</div>
<br/>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="subjectCheck">
<label class="form-check-label text-muted" for="subjectCheck">과목 검색 기능 활성화</label>
</div>
<button type="submit" class="btn btn-primary">검색 (30개까지 보기)</button>
<button type="submit" class="btn btn-primary">검색 (모든 데이터 보기)</button>
<button type="submit" class="btn btn-primary">검색 (50개까지 보기)</button>
<button type="submit" class="btn btn-primary" disabled>검색 (모든 데이터 보기)</button>
</div>
</div>
@@ -148,39 +178,32 @@ function selectElementContents(el) {
<div class="row justify-content-between mb-2">
<div class="col-auto">
<button type="button" class="btn btn-primary" onClick="selectElementContents( document.getElementById('dataTable') );">표 내용을 클립보드에 복사</button>
<span class="badge badge-pill badge-info" onClick='showModal("recordPopupModal", "recordPopupContent", "copy_result_to_clipboard");' style="cursor: pointer;">?</span>
</div>
<div class="col-auto">
<button type="button" class="btn btn-primary">표 내용을 엑셀 파일로 다운로드</button>
<button type="button" class="btn btn-primary" disabled>표 내용을 엑셀 파일로 다운로드</button>
</div>
</div>
<table class="table table-striped" id="dataTable">
<thead class="thead-dark">
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
<th scope="col">날짜</th>
<th scope="col">시간</th>
<th scope="col">이름</th>
<th scope="col">과목</th>
<th scope="col">점수</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<th scope="row">2019-03-27</th>
<td>17:30</td>
<td>박지상</td>
<td>한글 타자 연습</td>
<td>574</td>
</tr>
</tbody>
</table>