Bug #1993

Datepicker: does not support dynamic updates

Added by Rafael Ostertag over 5 years ago. Updated almost 2 years ago.

Some day maybe
Target version:
Start date:
Due date:
% Done:


Estimated time:


The (jqw) datepicker introduced in cd565668edef31d6cf72b91ed745fc8401126f39 does not support dynamic updates. This is preliminary caused by the way jqxDateTimeInput is implemented and how we're handling dynamic updates.

How we're handling dynamic updates

When sending queries to the server, the server may respond with instructions on what input elements to update. The instructions contain the name of the <input> elements. We then decide based on the type of the <input> element how it should be updated. Further, we only expect native form elements.

How's jqxDateTimeInput implemented

jqxDateTimeInput uses a container and puts its stuff in it. Let's say we define the container to be

  <div id="jqxdatetimeinput"></div>

in HTML. After telling jqxDateTimeInput to use that container, it becomes

<div aria-label="Current focused date is 5/17/2016, 12:00:00 AM" 
     aria-valuemax="Fri Jan 01 2100 00:00:00 GMT+0100 (CET)" 
     aria-valuemin="Mon Jan 01 1900 00:00:00 GMT+0100 (CET)" 
     aria-valuetext="17.05.2016 00:00" 
     aria-valuenow="Tue May 17 2016 00:00:00 GMT+0200 (CEST)" 
     style="width: 300px; height: 25px;" 
     class="jqw-datetimepicker jqx-widget jqx-datetimeinput jqx-input jqx-overflow-hidden jqx-rc-all jqx-reset jqx-clear jqx-widget-content">
    <div class="jqx-max-size jqx-position-relative">
       <input placeholder="" 
              style="border: medium none; padding: 4px 3px; width: 262px; left: 0px; top: 0px; text-align: left;" 
              class="jqx-position-absolute jqx-reset jqx-clear jqx-input-content jqx-widget-content jqx-rc-all" 
              id="inputpersonGeburtstag" autocomplete="off" 
       <div style="height: 100%; width: 19px; left: 263px;" 
            class="jqx-position-absolute jqx-action-button jqx-fill-state-normal jqx-default">
          <div class="jqx-icon jqx-icon-calendar">
       <div style="height: 100%; width: 19px; left: 282px;" 
            class="jqx-position-absolute jqx-action-button jqx-default jqx-fill-state-normal jqx-rc-r">
           <div class="jqx-icon jqx-icon-time">

jqxDateTimeInput is comprised of several <div>. The input is realized using an <input> of type textarea.

The Problem

Our code can't select the <input> element, because it has no name. Even if we could select it, we wouldn't have any knowledge about it belonging to a jqxDateTimeInput.

Related issues

Related to QFQ - Feature #1980: DatepickerSome day maybeCarsten Rose11.05.2016

Related to QFQ - Feature #10096: JQuery / Bootstrap: DatePickerNewBenjamin Baer11.02.202016.06.2021


Updated by Rafael Ostertag over 5 years ago

  • Description updated (diff)

Updated by Rafael Ostertag over 5 years ago


Updated by Rafael Ostertag over 5 years ago

  • Description updated (diff)

Updated by Benjamin Baer over 5 years ago

Der jqueryui Datepicker waere sonst im input field.


Updated by Carsten Rose over 5 years ago

  • Assignee set to Rafael Ostertag

Keine weitere Arbeit inverstieren solange nicht deefinitiv entschieden ist, das wir bei diesem Widget bleiben.


Updated by Carsten Rose over 4 years ago

  • Tracker changed from Support to Bug

Updated by Carsten Rose about 4 years ago

  • Assignee changed from Rafael Ostertag to Benjamin Baer

Updated by Carsten Rose about 4 years ago

  • Target version set to next4

Updated by Benjamin Baer over 3 years ago

Ich denke JQW Datepicker ist tod, oder nicht?


Updated by Carsten Rose almost 2 years ago

  • Status changed from New to Some day maybe

Updated by Carsten Rose 5 months ago

Also available in: Atom PDF