jQuery UI datepicker - closes with a custom selectmenu - javascript

I have jQuery UI installed and am currently having an issue with the datepicker widget. I have the calendar displayed when you click on the icon and it is generated. The calendar has a select menu for Month and Year. I am using the jQuery UI custom select menu.
When I go to make a selection for the selectmenus, the option selected closes/discards the entire datepicker.
My assumption is that there is an event being triggered to close the datepicker when you click outside of the main widget. The custom selectmenu is not the standard 'select' menu with 'options', but rather a bunch of 'spans'. The code is simply acknowledging the click on the custom selectmenu options as a field outside of the original widget.
Any suggestions or assistance to prevent this trigger or help me locate where this event is firing from, feel free to help me out. Thanks

Related

Angular UI Bootstrap datepicker is hidden within uigrid

I am integrating Angular UI Bootstrap datepicker within ui-grid, but i am facing an issue. When the user opens the datepicker by clicking a cell the datepicker is displayed but within ui-grid because of which user cannot see the full calendar and has to scroll.
Image: https://i.stack.imgur.com/AJ67m.png
It's not clear that you are using the datepicker popup instead of the inline datepicker. So, the first recommendation would be to use datepicker popup. Second, set the datepicker-append-to-body option to true to get it to attach to the document body rather than the grid cell it's defined in.

bootstrap multiselect drop down is not dropping down

I'm using the bootstrap multiselect plugin and binding the data to it with knockout js. It is in this jsfiddle. The options actually do get data-bound to the multiselect - You can confirm this by right clicking the multiselect element in the jsfiddle output window and inspecting it, and the <option>'s are indeed there. However, clicking the multiselect element does not cause the dropdown to drop down.
The bootstrap multiselect does not seem to know that it has <option>'s in the <select>, this is proven when I use the disableIfEmpty configuration option, it disables the multiselect permanently. Why does the bootstrap multiselect not know that it has options, thus causing it to not open the drop down?
jsfiddle here
You can only instantiate your multiselect widgets after knockout has done its rendering, which is basically after your apply bindings.
To get the idea, check out this forked fiddle: http://jsfiddle.net/r0kbch7u/
I've basically moved the $("#category-select").multiselect() code from your CategorySelect constructor to your document loaded event listener.

DHTMLX Scheduler Custom button

I am using DHTMLX scheduler in my MVC application. In that window event popup I am adding the custom button named as 'Reminder'. My problem is while clicking the reminder button I need to display another div which is the same concept implement in the repeat event of the scheduler.
If the disabled button is clicked it will show the div with corresponding elements. I need to set the div custom.
I need to write the code for reminder button manually.

Jquery UI timepicker slider and select

I'm using Trent Richardsons Timepicker plugin: http://trentrichardson.com/examples/timepicker/
As you can see in the demo, there is a method to switch the picker to a select format.
What I'm trying to achieve is to append the select method straight underneath the default slider - at the moment you can only have either the slider, or the select, not both at once.
I can see in the docs that you can create a custom control type to change the output of the select using $.timepicker.setDefaults({controlType:myControl}) - and then writing a custom function. Should I be somehow creating a new function that merges both the slider and select together?
Any tips at what I should be doing for this?

select2 open without focus

I use jquery select2 in my project and need to open the select2 all the time.
(link for this plugin: https://select2.github.io/)
I tried $('#select2id').select2("open"), but this keeps focusing on this element. I cannot focus on other inputs in this page. Any other ideas?
Here is the example: http://jsfiddle.net/vff6t9aa/

Categories