clase para jQuery UI botón selector de fechas

Question

Tengo el siguiente código para el planificador de evento jQuery UI:

$(function() { 
     $(".date").datepicker({ 
      showOn: 'button', 
      buttonText: "Choose Date", 
      dateFormat: 'yy-mm-dd' 
     }); 
    }); 

Se crea un botón en el lado del cuadro de texto para que la gente haga clic en el cuadro y seleccione una fecha. ¿Es posible aplicar una clase al botón que se crea para que pueda aplicarle un estilo CSS?

Answer 1

No se puede agregar una clase adicional a través de una opción, pero tiene una clase: ui-datepicker-trigger, así que si sólo el estilo de forma directa o como un descendiente de un contenedor de identificación que va a trabajar, por ejemplo:

.ui-datepicker-trigger { color: red; } 
//or... 
.myContainer .ui-datepicker-trigger { color: red; } 

O agregar una clase diferente al botón manualmente después de crear el selector de fechas (que crea el botón):

$(function() { 
    $(".date").datepicker({ 
     showOn: 'button', 
     buttonText: "Choose Date", 
     dateFormat: 'yy-mm-dd' 
    }).next(".ui-datepicker-trigger").addClass("someClass"); 
}); 

Answer 2

que sea convertido en un botón de jQuery UI, ya que ya ha cargado el marco;)

http://www.robertmullaney.com/2011/08/26/make-jquery-datepicker-use-ui-button/

responsabilidad: Mi blog