Datepicker jquery ui-datepicker-trigger

Question

Мне нужно добавить два календарных объекта jQuery на страницу html. У меня есть настройка ниже для выбора даты. Имейте изображение значка для открытия объекта календаря. Для абсолютного позиционирования изображение значка, выполняющее переопределение css ui-datepicker-trigger. Если у меня есть два объекта календаря, как я могу создать два переопределения для класса, потому что имя соглашения об именовании класса переопределения не имеет имени идентификатора. Вставили код в http://jsfiddle.net/y6DDh/

.ui-datepicker-trigger { 
    position:absolute; 
    left:330px; 
    top:300px; 
} 

$("#datepicker").datepicker({ 
    //showOn: both - datepicker will come clicking the input box as well as the calendar icon 
    //showOn: button - datepicker will come only clicking the calendar icon 
    showOn: 'button', 
    //you can use your local path also eg. buttonImage: 'images/x_office_calendar.png' 
    buttonImage: 'jquery/jquery-ui-1.10.3/demos/datepicker/images/calendar.gif', 
    buttonImageOnly: true, 
    changeMonth: true, 
    changeYear: true, 
    showAnim: 'slideDown', 
    duration: 'fast', 
    dateFormat: 'dd-mm-yy' 
}); 


$("#datepicker2").datepicker({ 
    //showOn: both - datepicker will come clicking the input box as well as the calendar icon 
    //showOn: button - datepicker will come only clicking the calendar icon 
    showOn: 'button', 
    //you can use your local path also eg. buttonImage: 'images/x_office_calendar.png' 
    buttonImage: 'jquery/jquery-ui-1.10.3/demos/datepicker/images/calendar.gif', 
    buttonImageOnly: true, 
    changeMonth: true, 
    changeYear: true, 
    showAnim: 'slideDown', 
    duration: 'fast', 
    dateFormat: 'dd-mm-yy' 
}); 

Answer 1

Для первого:

#datepicker + .ui-datepicker-trigger { 
    position: absolute; 
    left:330px; 
    top:300px; 
} 

Для второго:

#datepicker2 + .ui-datepicker-trigger { 
    position:absolute; 
    left:530px; 
    top:300px; 
} 

Пример: http://jsfiddle.net/y6DDh/1/