Log in to AnswerLog in to Follow
2022-10-07 14-10-51
NNG
183Views
10Comments
In Date picker how to show default date range selected
Question
Reactive
Application Type
Reactive

I want to show default date range selected before modifying date range on screen load like below screenshot

It is working  after date range selected on screen but My requirement is it show by default selected . 

Thanks and Appreciated for solution in Adv.


Regards,

Nik G

0
0
11 Apr 2022

Hi,

set the startdate and enddate property as per your requirement using the AddDays function.


TextToDate(AddDays(CurrDate(),2))


and


TextToDate(AddDays(CurrDate(),11))

0
0
11 Apr 2022

@Suprio Roy I want this functionality at initialize level  , where I can set this date range option . Plz share screenshot .

Thank you !

0
0
13 Apr 2022

you need to configure datepicker as given this url : https://github.com/Pikaday/Pikaday

Need to call these 2 methods to set the date range initially , can call on onOpen callback of pickaday datepicker.


0
0
11 Apr 2022

@Vikas Sharma Thank you for reply ,

Can you please give me idea how I can write this above Range() function in date picker widget means ON ready event or Adv. format option . Plz provide  OnOpen() call back action JavaScript code so it is very easy to me understand .

Thanks for help !

0
0
13 Apr 2022

Replying to NNG's comment on 13 Apr 2022 06:42:39

you can set the value by java script. Can follow below two links :

https://github.com/Pikaday/Pikaday/issues/280

Same way you can set the value of startRange and endRage and other parameters as mentioned on this page.

https://github.com/Pikaday/Pikaday/blob/master/pikaday.js


apart from this for easy solution I think can use the forge component suggested by Vijay.

0
0
13 Apr 2022

Hi @NNG,

You can use the forge component which is named as DateRangePicker.

1. By dragging the DateRangePickerCombo into your screen.

2. Assign the values of startdate and enddate like you mentioned the Range From_Date and Start_Date.

It is a block so use Event Handler.


If you have only one date and if you wants to show the range enter the static value by using AddDays()  function to From_Date.

Please find the below Demo Link and attached OML.

DEMO Link

I hope this helps.

- Palle Vijay Bhaskar Reddy

DateRangeDefault.oml
1
0
13 Apr 2022

Thank you for your time !

There is any way to show same functionality inbuilt datepicker widget of OutSystems . OR as per your demo can we hide left part and showing only one calendar .

0
0
13 Apr 2022

Replying to NNG's comment on 13 Apr 2022 07:30:27

Yes, You can do the same with Date picker as well.

Just confirm me that You are having two date in your entity like Start Date and End Date. OR only One date Attribute ?

0
0
13 Apr 2022

Replying to Vijay Bhaskar Reddy Palle's comment on 13 Apr 2022 11:52:26

Hi Dear Vijay,

Can you explain how to set up a start and end date on the default date picker? Seems there's only one parameter for initial date (start date) and there's no parameter to set the end date.

The start and end values for the range referred in some comments above are to setup the minimum and maximum values allowed in the calendar and has nothing to do with the start and end date values that we want to setup as default values.

Thanks



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