3초기억력

jquery datepicker 여러개, 다중, multi 사용법 본문

코딩_jquery

jquery datepicker 여러개, 다중, multi 사용법

잠수콩 2017. 11. 24. 13:34
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.



제목 : jquery datepicker 여러개, 다중, multi 사용법




소스 :



  배송일자1 : <input type="text" size="12" id="deliveryDate1">

  배송일자2 : <input type="text" size="12" id="deliveryDate2">

  배송일자3 : <input type="text" size="12" id="deliveryDate3">

  배송일자4 : <input type="text" size="12" id="deliveryDate4">

  배송일자5 : <input type="text" size="12" id="deliveryDate5">

  배송일자6 : <input type="text" size="12" id="deliveryDate6">


$("input[id^='deliveryDate']").each(function() {


var _this = this.id;


$('#'+_this).datepicker({

regional: 'ko',

changeMonth: true,

changeYear: true,

dateFormat : 'yy-mm-dd',

showOn: "button",

buttonImage: "/admin/Calendar/calendar.gif",

buttonImageOnly: true,

buttonText: "Select date"

});

});




내용 :


each 메소드에서 selector 찾을 때, ^= 를 잘 사용하면 된다.


또는 input name 이 모두 동일 할 때는 *= 를 사용하면 된다.


$("input[name*='deliveryDate']").each(function() {

});


단일 id, name 을 쓸 때는 당연히 =







예제 소스 파일 :


 출처 :  




저작자표시 비영리 변경금지

'코딩_jquery' 카테고리의 다른 글

jquery 에서 url 알아내는 법  (0) 2018.01.03
jquery select box reset. 다른 select 를 모두 초기화하는 방법  (0) 2017.12.21
jquery radio checked none; script  (0) 2017.11.14
inspinia Admin Theme 사용시 왼쪽 메뉴 활성화 script  (0) 2017.11.09
멀티 form 을 iframe 으로 submit 하는 방법  (0) 2016.04.21
'코딩_jquery' Related Articles more
Comments