Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
2732
DatePicker without input field
posted

Hello,

We are looking for a DatePicker, but without the input field. we want to be able to constantly display the calendar (which is currently in a dropdown) so the user can click on a day as a selection.

Is this possible with the igDatePicker ?

Kind regards,

Michael

PS: On jQuery UI this is called "display inline". http://jqueryui.com/datepicker/#inline

Parents
No Data
Reply
  • 10685
    Verified Answer
    Offline posted

    Hello,

    it is possible to achieve this using a div. However, this functionality is not included by default, so it will require to make some changes, in order to workaround the default behavior. Please notice as this is a workaround, it is possible to have issues with other functionality and no help for any side effects of misbehavior could be provided.

    Sample: http://jsfiddle.net/L61dhg8L/1/

    The igDatePicker methods used and their description could be found at: dropDownVisible, hide

     

    In order to show drop-down calendar, the igDatePicker internally uses the $.datepicker. The architecture of $.datepicker is based on a single calendar shared between all instances of datepickers. That means that is not possible to show 2 or more calendars at the same time. Application potentially can permanently display a calendar for a particular instance of DatePicker. But that also means that it can not have second DatePicker or igDatePicker on the same page.

    To disable automatic hiding of calendar, it is possible to hack into $.datepicker and override/kill its member method which hides calendar.

Children