280
Views
8
Comments
how to disable unfocus/onblur datepicker hide before click in date?


how to disable unfocus/onblur datepicker hide before click in date? because in some phone (this use web priview in phone browser) when scrolling or when chose date the picker close before click the date and set to variable


Thank you in advance

2019-04-02 11-48-16
Martin Rozeboom

I always use CustomInputMask, which is a forge component. 

https://www.outsystems.com/forge/component-overview/647/custom-input-masks

The good thing about it is that the format of the input is set automatically. So, users don't have to put "-" in between the days and months for example.

2018-04-20 04-21-16
Agus Kukuh Setiaji

Martin Rozeboom wrote:

I always use CustomInputMask, which is a forge component. 

https://www.outsystems.com/forge/component-overview/647/custom-input-masks

The good thing about it is that the format of the input is set automatically. So, users don't have to put "-" in between the days and months for example.

Martin I want if for example if user click outside the area date picker (if showing) does not close itself only close after user click date it self


2019-04-02 11-48-16
Martin Rozeboom

Agus Kukuh Setiaji wrote:

Martin Rozeboom wrote:

I always use CustomInputMask, which is a forge component. 

https://www.outsystems.com/forge/component-overview/647/custom-input-masks

The good thing about it is that the format of the input is set automatically. So, users don't have to put "-" in between the days and months for example.

Martin I want if for example if user click outside the area date picker (if showing) does not close itself only close after user click date it self


I'm sorry. I thought you just didn't want the Datepicker to show. But, you only want it to stay open when no date is selected yet?


2018-04-20 04-21-16
Agus Kukuh Setiaji

Martin Rozeboom wrote:

Agus Kukuh Setiaji wrote:

Martin Rozeboom wrote:

I always use CustomInputMask, which is a forge component. 

https://www.outsystems.com/forge/component-overview/647/custom-input-masks

The good thing about it is that the format of the input is set automatically. So, users don't have to put "-" in between the days and months for example.

Martin I want if for example if user click outside the area date picker (if showing) does not close itself only close after user click date it self


I'm sorry. I thought you just didn't want the Datepicker to show. But, you only want it to stay open when no date is selected yet?


yap


2023-01-09 11-00-40
Dhanashri Jaiswal

Hi Agus,

I am facing the same problem and want to know if you got any solution for this, it would be very helpful if you can share it.

UserImage.jpg
Rania Ahmed Khalil Zaki

I am facing the same problem and want to know if you got any solution for this.

2025-11-19 06-14-01
Miguel Verdasca
Champion

Hi,

you can try with this: 

set input to ReadOnly

<input type="text" id="datePicker" readonly>


In example: jquery.ui.datepicker.min.js #booking-datepicker will fire up click event with readonly but #booking-timepicker no. You can add $('input').on('click', function() { $(this).removeAttr('readonly'); $(this).trigger('click'); });  

Cheers

2018-04-20 04-21-16
Agus Kukuh Setiaji

Miguel Verdasca wrote:

Hi,

you can try with this: 

set input to ReadOnly

<input type="text" id="datePicker" readonly>


In example: jquery.ui.datepicker.min.js #booking-datepicker will fire up click event with readonly but #booking-timepicker no. You can add $('input').on('click', function() { $(this).removeAttr('readonly'); $(this).trigger('click'); });  

Cheers

 

 Hi Miguel, 


can you explain how to add readonly on input widget? or simple example oml will very helpful


thanks, best regards Agus

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.