프로그래밍/JavaScript

시간단위로 선택 가능한 SelectBox 만들기

가라멜 2018. 7. 13. 16:40
반응형

시간 단위로 선택 가능한 SelectBox를 만들어야 한다..


1
2
3
4
5
6
7
8
9
10
11
12
13
var $select = jQuery("#bmg_monday_start_hour");
 
for (var hr = 0; hr < 24; hr++) {
 
  var hrStr = hr.toString().padStart(2"0"+ ":";
 
  var val = hrStr + "00";
  $select.append('<option val="' + val + '">' + val + '</option>');
 
  val = hrStr + "30";
  $select.append('<option val="' + val + '">' + val + '</option>')
 
}
cs



1
2
3
4
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <select name="bmg_monday_start_hour" id="bmg_monday_start_hour" class="form-control bmg-hrs-mins-input"></select>
</div>
cs



출처 : https://stackoverflow.com/questions/45389579/how-to-get-time-in-select-box-with-half-hour-interval-in-jquery

반응형

'프로그래밍 > JavaScript' 카테고리의 다른 글

ECMA6 - 템플릿 리터럴  (0) 2019.04.25
ECMA6 - Let, Const  (0) 2019.04.24
무한스크롤 / 스크롤 페이징처리  (0) 2018.08.10
웹에서 클립보드로 카피하기  (0) 2018.05.15
웹에 엑셀 데이터 붙여넣기  (0) 2018.05.15