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

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

예제 소스 파일 :

 출처 :