AUI Datepicker ignores options in the constructor

I'm trying to use the AUI Datepicker in my plugin. I am following this page in the documentation. Problem is, when I initialize the datepicker with

AJS.$(document).ready(function() {
   AJS.$('#demo-range-always').datePicker({'overrideBrowserDefault': true});
});

it completely ignores the 'overrideBrowserDefault' option and still displays as false, no matter what I do. This actually prevents me from using other functions like getDate or setDate, which are normally exposed by the interface.

Even in the documentation page, if you go to browser console and try to get the options of the displayed demo datepicker, you get the wrong overrideBrowserDefault value - it is initialized with true, but it returns false.

$('#demo-range-always').datePicker().getOptions()

returns

{overrideBrowserDefault: false, firstDay: -1, languageCode: "en", dateFormat: "yy-mm-dd"}

while it is clearly initialized with the same code as it shows in the example. I tested it in Firefox and Chrome, both are broken in the same way. Is there something I am missing?

 

1 answer

1 accepted

0 votes
Accepted answer

This question was also raised as an issue in the AUI issue backlog: https://ecosystem.atlassian.net/browse/AUI-4423

For posterity: the options will be reflected correctly if you first keep the reference to the constructed datepicker widget. 

var picker1 = AJS.$("#de-demo-date-picker").datePicker({
    overrideBrowserDefault: true,
    languageCode: "de"
});

var picker2 = AJS.$("#us-demo-date-picker").datePicker({
    overrideBrowserDefault: true,
    languageCode: "en-GB",
    firstDay: 0
});

console.log("initialized pickers options:");

console.log(picker1.getOptions());
// logs: {overrideBrowserDefault: true, firstDay: -1, languageCode: "de", dateFormat: "yy-mm-dd"}console.log(picker2.getOptions());
// logs: {overrideBrowserDefault: true, firstDay: 0, languageCode: "en-GB", dateFormat: "yy-mm-dd"}

 If you call the AJS.$(element).datePicker() function multiple times, you will end up with multiple date picker components appearing and disappearing when the element is interacted with.

Suggest an answer

Log in or Sign up to answer
Community showcase
Published Jan 08, 2019 in Jira

How to Jira for designers

I’m a designer on the Jira team. For a long time, I’ve fielded questions from other designers about how they should be using Jira Software with their design team. I’ve also heard feedback from other ...

1,234 views 5 10
Read article

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you