|
Title: Use resizable/draggable as range selector Post by: Oliver on August 05, 2018, 11:11:52 AM Hi,
I try to build a selector component, similar to https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/javascript_chart_events_range_selector.htm?light (https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxchart/javascript_chart_events_range_selector.htm?light) with a combination of the draggable and the resizable component. On http://code.reloado.com/epicig3 (http://code.reloado.com/epicig3) you see my first approaches: The "data-options" of the parent container contains the start and enddate of the total range (as epoch time value). But now I'm a little bit stuck and ask for your help: - how to limit drag and resize area to the parent container ? - how to implement such handle grips like in jqwidgets ? Also it would be helpful to get help how to calculate the selected date range from move/resive events Thank you for your help, kr oliver Title: Re: Use resizable/draggable as range selector Post by: stworthy on August 05, 2018, 05:42:04 PM Please look at this example http://code.reloado.com/epicig3/2/edit#preview
Title: Re: Use resizable/draggable as range selector Post by: Oliver on August 08, 2018, 07:42:59 PM Thank you very much for your help !
|