티스토리 뷰

Skill/html js css

jquery daterangepicker 사용예

진열사랑 2024. 1. 12. 15:10

// txtDate : 날짜 입력란 <input type="text">
fnInitSingleDatePicker: function(txtDate, strFormat, opts) {
var $objDateInput = $(txtDate);

if(strFormat == null || strFormat == "undefined" || strFormat == "") {
strFormat = "YYYY-MM-DD";
}

// 기본옵션 상속 (우선순위: 호출옵션 > 기본옵션)
var objDateConfig = $.extend({
locale: { format: strFormat },
autoclose: true,
autoApply: true,
showDropdowns: true,
singleDatePicker: true
}, opts);

// Date Picker 생성
$objDateInput.daterangepicker(objDateConfig);
},


-------------
//범위 날짜 입력란 사용예 - datarangepicker
//호출예
fnInitSearchDateRangePicker("#frmIns","#fromYMD", "#toYMD", "#txtRange", "YYYY-MM-DD");
fnInitSearchDateRangePicker: function(objForm, hidStart, hidEnd, txtRange, strFormat, opts) {
var $objStartInput = $(hidStart);
var $objEndInput = $(hidEnd);
var $objRangeInput = $(txtRange);

if(strFormat == null || strFormat == "undefined" || strFormat == "") {
strFormat = "YYYY-MM-DD";
}

// 기본옵션 상속 (우선순위: 호출옵션 > 기본옵션)
var objRangeConfig = $.extend({
locale: {
format: strFormat,
separator: " ~ "
},
autoApply: true,
showDropdowns: true,
linkedCalendars: false,
startDate: $objStartInput.val(),
endDate: $objEndInput.val()
}, opts);

// Date Range Picker 생성
$objRangeInput.daterangepicker(objRangeConfig, function(startDate, endDate) {
$("{0} {1}".format(objForm, hidStart)).prop("value", startDate.format(strFormat));
$("{0} {1}".format(objForm, hidEnd)).prop("value", endDate.format(strFormat));
});
},

'Skill > html js css' 카테고리의 다른 글

jquery 속성 선택자  (0) 2024.01.17
jquery each()  (0) 2024.01.17
jquery DataTable manual  (0) 2024.01.12
이벤트 버블링(bubbling)과 캡처링(capturing)  (1) 2023.12.21
jquery event 사용  (0) 2023.11.02
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함