he miró a su alrededor antes de publicar mi pregunta

a raíz de lo que estoy buscando en mi selector de fecha (fecha de inicio y fecha de finalización):

1) fecha de Inicio: puede ser cualquier fecha, (el usuario puede seleccionar la fecha de inicio de la actual (ahora) para cualquier fecha en el futuro.

2) fecha de Inicio: el usuario puede seleccionar la fecha de inicio como la espalda a los 6 meses.
ejemplo: si hoy es 04/22/2010 luego puedo volver a 11/22/2009 pero no más de 6 meses.

3) fecha de Inicio si el usuario selecciona la fecha de inicio (la corriente del futuro, no del pasado) menos de 10 días, a continuación, me gustaría mensaje de alerta diciendo: «se necesitan al menos 10 días»

4) fecha de Finalización: debe ser la fecha actual para el futuro de las fechas alll fechas anteriores son discapacitados.

5) **fecha de Inicio /fecha Final: ** no debe ser mayor de un año.

Muchas gracias.

PS: no estoy seguro de si estoy pidiendo demasiado aquí 🙂

  • está tratando de modificar los existentes datePicker? encontrar un sustituto? Es un selector de fechas o dos para empezar a & fechas de final?
  • yo estaba usando en tercero de control y estoy pensando en la implementación de jquery datepicker.
InformationsquelleAutor Nick Kahn | 2010-04-22

3 Comentarios

  1. 4

    He contestado una pregunta similar para un amigo. Necesitaba una cascada fecha similar, pero creo que se puede ver cómo solucionar el problema si se mira mis marcado.

    HTML

      <form target="_self" action="ClearForm.aspx">

    De Forma Clara

    • Fecha De Inicio:

    • Fecha De Finalización:

    • Claro

    JS

    <script type="text/javascript">
    $(document).ready(function () {
    
      $('#endDate').datepicker({ showOn: 'button',
          buttonImage: '../images/Calendar.png',
          buttonImageOnly: true, onSelect: function () { },
          onClose: function () { $(this).focus(); }
        });
    
    
      $('#startDate').datepicker({ showOn: 'button',
          buttonImage: '../images/Calendar.png',
          buttonImageOnly: true, onSelect:
            function (dateText, inst) {
              $('#endDate').datepicker("option", 'minDate', new Date(dateText));
            }
          ,
          onClose: function () { $(this).focus(); }
        });
    
    
    });             

    • me han quitado dateText y funciona lo que quiero lo que significa que he hecho con #4
  2. 0
    <input type="text" id="tbStartDate" value="" disabled="disabled" />
    <input type="text" id="tbEndDate" value="" disabled="disabled" />
    <script type="text/javascript">
        $(document).ready(function () {
            $("#tbStartDate").datepicker({        
                showOn: 'button',
                buttonImageOnly: true,
                buttonImage: '/Content/Calendar.png',
                buttonText: 'Click here (date)',
                onSelect: function (dateText, inst) {
                     var $endDate = $('#tbStartDate').datepicker('getDate');
                     $endDate.setDate($endDate.getDate() + 1);
                     $('#tbEndDate').datepicker('setDate', $endDate).datepicker("option", 'minDate', $endDate);
                },
                onClose: function (dateText, inst) {
                    //$("#StartDate").val($("#tbStartDate").val());
                }
            });
    
            $("#tbEndDate").datepicker({
                dateFormat: 'dd-mm-yy',
                showOn: 'button',
                buttonImageOnly: true,
                buttonImage: '/Content/Calendar.png',
                buttonText: 'Click here (date)',
                onClose: function (dateText, inst) {
                    //$("#EndDate").val($("#tbEndDate").val());
                }
            });
    
                var $endDate = $('#tbStartDate').datepicker('getDate');
                $endDate.setDate($endDate.getDate() + 1);
                $('#tbEndDate').datepicker('setDate', $endDate).datepicker("option", 'minDate', $endDate);
        });
    </script>
  3. 0

    Prefiero escribir una configuración predeterminada para el datepicker de uso de una clase, de manera que se trabaja con más de uno con menos duplicados.

    onSelect: function(dateText, inst){
        //Check if _until exists and auto set mindate
        if(inst.id.contains("_from")){
            $("#"+inst.id.replace("_from", "_until")).datepicker("option", "minDate", dateText);
        }
    }

    Funciona esto asumiendo que su forma de IDs son consistentes. E. g I uso date_until y date_from

Dejar respuesta

Please enter your comment!
Please enter your name here