AUI Date Picker problems

[srinivasp]

AUI date picker control is working in Chrome but not on IE and FireFox. How can this be fixed in IE and Chrome?

[BenA]

AUI does not have a multi select component at this stage. It's on the roadmap but not available in any version of AUI yet.

[srinivasp]

Hi Ben, I checked in browser found AUI version 3.4.2. Aui date picker is working on chrome but not on IE9 and Firefox. Is this a known issue? If not could you please advise how to fix that issue?

[BenA]

Date Picker was added in AUI 4.0, so you can only use it in products using AUI 4.0+ (see https://developer.atlassian.com/display/AUI/AUI+Version+Matrix for details). Chrome provides a native date picker for date fields, which is why it appears to be working for you - IE and FF don't provide a date picker for HTML5 date fields, so nothing's happening for them.

[srinivasp]

Hi Ben, thanks for your reply. We are using JIRA 4.4.5 and I am developing a plugin. So can I include Aui 4.0 to our plugin which is going to use for our JIRA? If so could you please let me know the procedure for including Aui 4.0 in to our plugin?

[BenA]

JIRA already provides AUI so loading a second copy is not recommended as it's likely to break things outside your plugin (eg. it provides jQuery as well as AUI, and older versions of products often aren't compatible with recent new versions of jQuery which had some breaking changes).

In the first instance I'd recommend considering an upgrade to JIRA 5 because it's awesome; but I realise that may not be feasible :)

If you can't upgrade, the options are...

1. backport the Date Picker into your plugin (you might need to backport Inline Dialog as well as it may not work with the old version, all source is available in the aui repo); or
2. add your own copy of the underlying jquery date picker (you can obviously remove it once you get access to AUI4+).
3. see if you can use the old JIRA date picker which existed in 4.4 (although I don't know if it was an open API; in any case this answer may help)

Sorry it's not a neater solution, but major product versions often contain changes that are hard to hop back over.

[srinivasp]

Hi Ben, Thanks for your reply. I tried to implement the suggestion provided by you (jquery date picker) but that is not having some features links expand/collapse and a text box for a selected date and so i cannot use it. Appreciate if you could give some ideas about how to implement the existing date picker in current jira 4.4.5(ex. adding version release date).

[srinivasp]

Hi Ben,

Could you please reply for my earlier comment?

I ahve another question.

I want to use google ajax libraries

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>

could you please tell me how i can incorporate this? Web-resource location attribute is not working.

Thanks in advance.

[BenA]

To backport other functionality you'll need to copy it into your plugin and add it as a web resource - see https://developer.atlassian.com/display/PLUGINFRAMEWORK/Web+Resource+Plugin+Module for details on including web resources (it's a pretty big topic :)).

You don't have to add jQuery UI as it's already available, see https://developer.atlassian.com/display/AUI/Libraries+in+AUI for details.

Note again that including a second/newer copy of jQuery is not recommended as it is likely to break your JIRA instance.

[srinivasp]

Hi Ben, I tried to use the AUI multi select component but the styles are not applying. I checked the source of Components-edit.vm file since i am looking for exact implementation and so i tried to implement that. I think the resources are not correctly added and so it did not work. Can you tell me what dependencies are required in order to include this component on to our VM? I checked in the documentation about the dependencies and the web resources for atlassian-plugin.xml file but that specific information is not mentioned on it. Appreciate your help.

https://developer.atlassian.com/display/AUI/Atlassian+User+Interface+%28AUI%29+Developer+Documentation
https://developer.atlassian.com/display/AUI/AUI+Components
http://docs.atlassian.com/aui/latest/demo-pages/

[BenA]

Which component do you mean by "AUI multi select"? JIRA has a multi select but AUI does not, are you referring to something else?

[BenA]

AUI does not have a multi select component at this stage. It's on the roadmap but not available in any version of AUI yet.

[srinivasp]

I mean the select tag used in the atlassian-jira-4.4.5-standalone\atlassian-jira\WEB-INF\classes\templates\jira\issue\field\components-edit.vm file. It might be JIRA multi select component but i mentioned as AUI multi select since i thought it is AUI component. So can you tell me what dependencies and web-resources are required for that? I have similar requirement and so i would like to use it in our VM.

[srinivasp]

Hi Ben, Is it not possible to use JIRA multi select component in our vm?

[srinivasp]

thanks for you advise Ben. I will do it right away.

[BenA]

It should be possible, but I don't have any information that can help you on that one. Your best bet is to start a fresh question about how to use JIRA's multiselect (this one has gone a bit off-topic so people won't know to respond to it).

[BenA]

Date Picker is fine for production. Experimental status will be bumped to General pretty soon - "experimental" primarily means "API/implementation may change" rather than being scary ;)

That is, it's fine to use it but you need to watch the AUI release notes in case you need to update your implementation - we don't guarantee API stability of experimental components.

[Jobin Kuruvilla [Adaptavist]]

JIRA is already using AUI Date picker in lot of places and they work fine in IE9 and Firefox. How are you using it in the plugin?

[srinivasp]

Its the same way mentioned in the documentation.

<input type="date" class="aui-date-picker" id="qadate" name="qadate" max="2020-01-05" min="2010-12-25" />

It is working in Chrome but not on Firefox and IE.

[BenA]

Are you seeing the AUI style date picker in Chrome, or the native date picker? Also are you invoking the picker with the override default set on or off?

jQuery('#qadate').datePicker({'overrideBrowserDefault': true});

[Jobin Kuruvilla [Adaptavist]]

Oh I see. You are experimenting with the experimental components. Sorry, never tried that. I assume it is not production ready yet!

[srinivasp]

yes. it is experimental component. Can you please suggest any other date picker component with works in all the browsers?

[srinivasp]

I tried the basic component but it is not working

https://developer.atlassian.com/display/AUI/Dropdown+Menu#DropdownMenu-basicUsage

[Jobin Kuruvilla [Adaptavist]]

What I have used in the past is the datePopup macro. See an example at /atlassian-jira/WEB-INF/classes/templates/jira/issue/field/duedate-edit.vm

Btw, Try Ben's suggestion first. The component seems a lot easier.

[BenA]

@spatruni are any of the components working? Sounds a bit like AUI's not loading at all. What do you get if you run "AJS.version" in your browser console?