Show predefined range options and calendar at the same time (daterangepicker.js) - daterangepicker

Using the JS daterangepicker library I would like to show a list of predefined ranges AND a calendar picker at the same time. Currently, the intended behaviour is to only show the calendar when the "Custom range" option is selected, as stated on this related ticket on their repo. However, I find 'hard' to select some random single day in the past like this.
For example, imagine I have the following predefined ranges: "Today", "Yesterday", "This week" and "Custom range". In case I let my users pick 4 days in the past, they would need to:
Open the widget
Select "Custom range"
Select four days in the past as the starting range
Select four days in the past again as the ending range
These are 4 clicks for just picking a single date while giving the chance of predefined ranges! Why don't they show a simple calendar picker before clicking on "Custom range" to let users select a single date with just 1 click? Any ideas?

I have same functionality in my app, where a user can select a predefined range (e.g last 7 days, last month, last 3 months, last 6 months etc). What I have done is added a drop down with these options and whenever user clicks "Custom range" it opens date range picker.
Now whether we can display these in date range picker, some may argue that these ranges may vary a lot and setting these & populating in drop down via config seems out of scope for date range picker. But you may customize the lib to implement if you want.

Related

Telerik Grid with rage date filter but just one DatePicker

I have this Telerik RadGrid with a date column filter, I'm not happy with the rage filter using 2 calendar datepickers, {edit} to much with or height for that column I have no intentions of validate or restrict dates. {end edit}. Is there a way of solving this with 1 calendar but still using Telerik controls?
The Best way to pick two date (From/To) is to have 2 DatePickers.
There is no logical work around to this, and it's "KISS" .
If you have one DatePickers.
That first fire select event get date "from" and second get date "to".
How can this be user friendly ?
If you enter 1rst date.
Then want to modify the 1rst date Without setting the 2nd date.
How will you do ?
The real question is why dont you want 2 Date picker ?
- Is it because it to big to display it nicely in the FilterBar?
- If it's a User need, try to improve the logic behind the DatePiker.
Perhaps the Date is not random ? And can be done with a RadSlider?
Or they select a date and get for range -3 / +3 range.
There is no simple solution, because what you need and what you want are not clear.
edit:
If you need to have 2 input text with only one single calendar icon, You will end with the same problem how do they chose witch input they wanna set the value in?
I hope this will help,
Regards,
Pierre
The best way for use only one date picker control is create own logic for this filter using one datapicker and something for display your range filter (label).
First fire select event get date "from" and second get date "to".

Kendo UI Scheduler-Select a range consisted to completely months when it is at the Month view

I am using Kendo UI Scheduler. I configured it like it would have a Month view. I would like to select a range consists two months. Can I select these ranges? as I saw, the Scheduler, whenever We mention the Months, allows selecting only 14 days... İn essence, I would like to select days through the months.
Don't know if extending the month view is exactly possible or not. But, creating a custom view may be a solution. Have a look on this LINK. Also have a look what telerik admin says about it HERE.

Block previous days from being display in DatePicker

I've a problem where I want to block the previous date from being display in DatePicker tool of Toolkit or you can say that I want to apply some limit to the dates.
For example:
If today's date is 15/7/2013 then by clicking on DatePicker control it's should not display the dates previous to 15/7/2013.
Its should show the next 30 days but not beyond that.
I'll be thankful to all who suggest their answers and opinion.
I don't think you can do that. However, you can download the source and modify it to add your requirements. The source code is pretty straightforward.

wp7 record filtering

For a Windows Phone 7 app, I have several Customer records that I need to display based on when the customers where created, so something like a start date and end date filter (maybe some canned entries listbox that lets you pick - tomorrow, week, month, custom)
Any UI guidance of how to do this so that the interface is kept clean and still leaves enough space for the records to get displayed?
Thanks,
Pratik
You could reserve the majority of the display space for your data and show a brief indication of the current filter in place.
This filter could be an active control of your choice that when tapped takes the user to another page where you provide the criteria selection.
Initially it could show "No filter (tap for criteria)" or some such.

Fetch data by date range using Interface Builder

I have an NSTableView that is done using the typical IB and data bindings. It works well.
However I need to put in a Segmented Control to indicate date range. So for example, if user clicks on the "Last Year" segmented control button, the table should only display records for last year.
I looked at the data binding options in IB for the NSArrayController, but I have no idea how to do this.
Can somebody point me in the right direction please?
*Update:
The app I'm working on has 3 SegmentedControl buttons -- "This Year", "Last Year", "Total", and a tableview that displays the records associated with the year selection the user selected. So selecting the "This Year" will reload the tableview with records for the current year, and selecting "Last Year" will reload the table to show last year records.
You want to set a filter predicate. Your "last year" button would have to set the array controller's "filter predicate" to one that describes the appropriate date range filter.
Predicates Programming Guide
-[NSArrayController setFilterPredicate:] Source
if you got a field in your store called is isChecked that have data type bool you could do this in IB.
isChecked == 0

Resources