Forums Ignite UI for jQuery
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
Close
Pardeep
300
display igDatePicker as Calender (without editor)
posted

Is there any way to render an ig Control as Calender as in left top pane of outlook's Calender Option.

(attached is the snap shot of expected display.)

Parents
No Data
Reply
  • 24497
    posted

    Hi pardeepkgupta,

    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 particalar 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, you may try to hack into $.datepicker and override/kill its member method which hides calendar.

    Below is example for you (that is not a suggestion, and no help for any side effects of misbehavior):

    <script type="text/javascript">
          $(function () {
            $('#dp1').igDatePicker({height: '4px'}).igDatePicker('dropDownVisible', true).hide();
            $.datepicker._hideDatepicker = function () {};
          });
    </script>
    <span id="dp1"></span>

Children