jquery - beforeshowday - datepicker parsedate

jQuery datepicker, onSelect no funcionará

Question

No puedo continuar. onSelect trabajar en mi jQuery datepicker .

Aquí está mi código:

<script type="text/javascript">
$(function() {
    $(''.date-pick'').datePicker( {
        onSelect: function(date) {
            alert(date)
        },
        selectWeek: true,
        inline: true,
        startDate: ''01/01/2000'',
        firstDay: 1,
    });
});
</script>

Es como si no registrase la función onSelect . ¿Qué estoy haciendo mal?

Answer 1

Debería ser "datepicker", no "datePicker" si está utilizando el complemento jQuery UI DatePicker. Tal vez, tiene un complemento diferente pero similar que no es compatible con el controlador de selección.

Answer 2

No hay coma después de la última propiedad.

Punto y coma después de la alerta (fecha);

Caso en datepicker (no datePicker)

Compruebe sus otras mayúsculas / minúsculas para las propiedades.

$(function() {
    $(''.date-pick'').datepicker( {
        onSelect: function(date) {
            alert(date);
        },
        selectWeek: true,
        inline: true,
        startDate: ''01/01/2000'',
        firstDay: 1
    });
});

Answer 3

La mejor solución es establecer los valores predeterminados de datepicker

sigue el código que utilicé

$.datepicker.setDefaults({
    onSelect: function () {
        $(this).focus();
        $(this).nextAll(''input, button, textarea, a'').filter('':first'').focus();
    }
});

Answer 4

<script type="text/javascript">
    $(function() {
        $("#datepicker").datepicker({ 
              onSelect: function(value, date) { 
                 window.location = ''day.jsp'' ; 
              } 
        });
    });
 </script>

<div id="datepicker"></div>

Creo que puedes probar esto. Funciona bien.

Answer 5

La función datepicker mayúsculas y minúsculas. El siguiente sin embargo funciona bien para mí:

$(document).ready(function() {
  $(''.date-pick'').datepicker( {
    onSelect: function(date) {
        alert(date);
    },
    selectWeek: true,
    inline: true,
    startDate: ''01/01/2000'',
    firstDay: 1
  });
});

Answer 6

El valor de datePicker''s onSelect equivalente es el evento dateSelected.

$(function() {
    $(''.date-pick'').datePicker( {
        selectWeek: true,
        inline: true,
        startDate: ''01/01/2000'',
        firstDay: 1,
    }).bind(''dateSelected'', function(e, selectedDate, $td) {
        alert(selectedDate);
    });
});

Esta página tiene un buen ejemplo que muestra el evento dateSelected y otros eventos vinculados.

Answer 7

$(''.date-picker'').datepicker({
                    autoclose : true,
                    todayHighlight : true,
                    clearBtn: true,
                    format: ''yyyy-mm-dd'', 
                    onSelect: function(value, date) { 
                         alert(123);
                    },
                    todayBtn: "linked",
                    startView: 0, maxViewMode: 0,minViewMode:0

                    }).on(''changeDate'',function(ev){
                    //this is right events ，trust me
                    }
});

Answer 8

He descargado el datepicker de jqueryui.com/download y obtuve la versión 1.7.2, pero la función onSelect no funcionó. Esto es lo que tuve:

$("#datepicker").datepicker();

$("#datepicker").datepicker({ 
      onSelect: function(value, date) { 
         alert(''The chosen date is '' + value); 
      } 
});

Encontré la solución en esta página: problema con jquery datepicker onselect . Se eliminó el $ ("# datepicker"). Datepicker (); una vez y funcionó.