Jquery para la visualización de calendario con Mes sólo he utilizado css como

   <style>
      .ui-datepicker-calendar 
      {
         display:none
      }
   </style>

Pero este CSS se aplica a página completa y a otros datepicker controles se han convertido en monthpicker .
¿Cómo puedo restringir sólo uno de control.

    <input data-val="true" id="StartMonth" name="StartMonth" type="text" value="" /> 
    $('#StartMonth').focusin(function () 
    {
        $('.ui-datepicker-calendar').css("display", "none");
        $('#StartMonth').datepicker('setDate', new Date(year, month, 1)).trigger('change');
    });
InformationsquelleAutor user334223 | 2015-12-02

3 Comentarios

  1. 2

    Con un poco de ayuda de consulta u puede lograr el resultado deseado. Por favor, siga el violín.

    http://jsfiddle.net/DBpJe/7376/

       $('#startDate').focusin(function(){
      $('.ui-datepicker-calendar').css("display","none");
    });
    • ayuda, Cuando he aplicado la solución anterior, ‘.ui datepicker-calendario’ obtiene hiiden sólo cuando me cambie de mes o año de calendario, en la página de carga de la pantalla de calendario no está oculta.
    • Asegúrese de que el identificador que se utiliza en jquery es de su campo de entrada.
    • <datos de entrada-val=»true» id=»StartDate» name=»StartDate» type=»text» value=»» /> <datos de entrada-val=»true» id=»StartMonth» name=»StartMonth» type=»text» value=»» /> $(‘#StartMonth’).focusin(function () { $(‘.ui datepicker-calendario’).css(«display», «none»); $(‘#StartMonth’).datepicker(‘setDate’, new Date(año, mes, 1)).trigger(‘cambio’); });
    • Escribir el siguiente código después de la llamada a la función de selector de fecha. $(‘#startDate’).focusin(function(){ $(‘.ui datepicker-calendario’).css(«display»,»none»); });
  2. 1

    Debe agregar la clase (que ocultar .ui datepicker-calendario) a $(entrada).datepicker(«widget») dentro de beforeShow datepicker opción y, a continuación, quitar esta clase dentro de onClose datepicker opción.

    JS:

    $('.datepicker-without-calendar').datepicker({
      changeMonth: true,
      changeYear: true,
      showButtonPanel: true,
      dateFormat: 'MM yy',
      beforeShow: function(input) {
        $(input).datepicker("widget").addClass('hide-calendar');
      },
      onClose: function(dateText, inst) {
        $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, 1));
        $(this).datepicker('widget').removeClass('hide-calendar');
      }
    });
    
    $('.datepicker').datepicker();

    CSS:

    .hide-calendar .ui-datepicker-calendar{
      display: none;
    }

    HTML:

    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    
    <input class="datepicker-without-calendar" type="text" />
    <input class="datepicker" type="text" />

    • Este debe ser un comentario, no una respuesta. Si es un duplicado de la pregunta, a continuación, votación para cerrar como tales y/o dejar un comentario una vez que ganar suficiente la reputación. Si la pregunta no es un duplicado de adaptar la respuesta a esta pregunta específica.
  3. 0

    Ya que no hay violín no . el uso de algunos identificador único o una clase de ese calendario o envase, de modo que css sólo se aplica a.

    e.g

    $(#mycalendarDiv .ui-datepicker-calendar).css("display","none");

Dejar respuesta

Please enter your comment!
Please enter your name here