제목 : 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 을 쓸 때는 당연히 =







예제 소스 파일 :


 출처 :  




저작자 표시 비영리 변경 금지
신고
Posted by 잠수콩