Change datetime text entry format
Is there any way to change the format of the text input on a datetime property? When I choose a date from the picker it will show the date in my defined read only format, but when I manually enter the date it will only allow the format MM/dd/yyyy. I need to be able to enter the date in yyyy-MM-dd, as well as enter it through a date picker.
There is a duplicate topic with the same question (https://collaborate.pega.com/question/datetime-picker-input-formatting-not-read-only) where the creator of that post seem to have gotten nowhere with the proposed solutions.
I have tried the solutions found in that thread such as editing pxDateControls, pxDateControls2, and tried different settings of the actual datetime property I am trying to change.
My problem can probably be solved using a text input which I then validate and a seperate date picker (in some way) that somehow sends the date to the text input, BUT it would be much nicer to use the built in functionality of Pega instead of a very custom solution.
Swedbank
SE
While it would be nice with a cleaner solution I did solve my issue:
I added a text field and a datetime next to each other, both using the same property.
I added a custom css tag under "Advanced Presentation options" in the Cell read-write classes and added some custom css in my "additional styles" style sheet (referenced in the skin).
Custom css:
.CustomCssTag > Span > Span{
width:0px!important; display: none !important;
}
This essentially hides the displaying of the date from the datetime, only leaving the calendar button. I also added a refresh condition on the layout these properties are in. ".PropertyName Changes"
The result is that I can enter my date in the format yyyyMMdd in the text field, and I can click the calendar button to enter a date there.
See included pictures for more info.
Note: I have some additional custom setting so if you replicate what I have written here it won't look exactly the same, but the resulting functionality should be the same.