Foros del Web » Programando para Internet » Jquery »

jQueryUI Datepicker (cambiar id por class)

Estas en el tema de jQueryUI Datepicker (cambiar id por class) en el foro de Jquery en Foros del Web. Hola a todos, Estoy intentando hacer un formulario con varios campos de seleccion de fecha. Para los datepickers uso los datepickers de dos campos que ...
  #1 (permalink)  
Antiguo 03/09/2010, 05:41
 
Fecha de Ingreso: octubre-2008
Mensajes: 93
Antigüedad: 12 años, 8 meses
Puntos: 0
Pregunta jQueryUI Datepicker (cambiar id por class)

Hola a todos,

Estoy intentando hacer un formulario con varios campos de seleccion de fecha. Para los datepickers uso los datepickers de dos campos que se pueden ver en el ejemplo:
http://jqueryui.com/demos/datepicker/#event-search

Asi es mi código:

HTML
Código HTML:
Ver original
  1. <div class="dates">
  2.      <label for="from">From</label>
  3.      <input type="text" id="from" name="from"/>
  4.      <label for="to">to</label>
  5.      <input type="text" id="to" name="to"/>
  6. </div>

JAVASCRIPT
Código Javascript:
Ver original
  1. $(function() {
  2.             var dates = $('#from, #to').datepicker({
  3.                 defaultDate: "+1w",
  4.                 changeMonth: true,
  5.                 numberOfMonths: 2,
  6.                 onSelect: function(selectedDate) {
  7.                     var option = this.id == "from" ? "minDate" : "maxDate";
  8.                     var instance = $(this).data("datepicker");
  9.                     var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
  10.                     dates.not(this).datepicker("option", option, date);
  11.                 }
  12.             });
  13.         });

El problema es que me gustaría cambiar los ids de los inputs por calses (para poder tener mas de un campo de seleccion), pero al cambiar los "#" por "." en el javascript, me deja de funcionar correctamente...

Alguien podría decirme cómo podría modificar el javascript para que me funcione correctamente con el código html:

Código HTML:
Ver original
  1. <div class="dates">
  2.      <label for="from">From</label>
  3.      <input type="text" class="from" name="from"/>
  4.      <label for="to">to</label>
  5.      <input type="text" class="to" name="to"/>
  6. </div>

Muchas gracias!

Etiquetas: class, datepicker, javascript, jqueryui
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:16.