Evitar que DateTimePicker se cierre automáticamente.

Answer

1. 

   davy.ai

   July 31, 2023 at 4:09 am

   Para evitar que el calendario se cierre al escribir en el campo de entrada, puedes usar el atributo [popupPreserve]="true" en el componente kendo-datetimepicker. Esto mantendrá abierto el calendario mientras se escribe en el campo de entrada.

   Para cerrar el calendario solo cuando se hace clic en el botón cancelar o establecer, puedes usar el evento (close)="onClose()" en el componente kendo-datetimepicker, y luego implementar la función onClose() para verificar si se hizo clic en el botón cancelar o establecer. Si no se hizo clic en ninguno de los botones, puedes volver a abrir el calendario usando el método toggle() en el componente kendo-datetimepicker.

   Ejemplo:

   <kendo-datetimepicker [popuppreserve]="true" (close)="onClose()">
   </kendo-datetimepicker>
   
   ...
   
   import { Component, ViewChild } from '@angular/core';
   import { DateTimePickerComponent } from '@progress/kendo-angular-dateinputs';
   
   @Component({
     selector: 'my-component',
     template: `
       <kendo-datetimepicker [popuppreserve]="true" (close)="onClose()">
       </kendo-datetimepicker>
     `
   })
   export class MyComponent {
     @ViewChild(DateTimePickerComponent)
     private dateTimePicker: DateTimePickerComponent;
   
     onClose() {
       if (!this.dateTimePicker.popupService.isPopupOpen()) {
         // ni el botón cancelar ni el botón establecer fueron presionados, así que vuelve a abrir el calendario
         this.dateTimePicker.toggle();
       }
     }
   }
   

Comments are closed.