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
Kelvin Liu
190
ig:DataPicker
posted

Dear all,

I must be missing something... I just can't get a simple ig:datapicker to work!
I have aspx page without master page and tried to follow different tutorials or help file guidelines, but just can't get it to work.

With the Infragistics.loader.js, i always got some error in another js file.

Could someone give me a live example by attaching it to this post?

Thank you in advance! 

Parents
No Data
Reply
  • 3115
    Suggested Answer
    Offline posted

    Hi Kelvin Liu,

    Here is an example using loader instantiating 2 igDatePickers with different width. You need just to replace references with your own location.

    <head>   

    <meta charset="UTF-8">        

    <script src="../../scripts/modernizr.min.js"></script>    

    <script src="../../scripts/jquery.min.js"></script>    

     <script src="../../scripts/jquery-ui.min.js"></script>    

    <script src="http://localhost/ig_ui12.2/js/infragistics.loader.js" type="text/javascript"></script>    

    <script>        

     $.ig.loader({            

     scriptPath: 'http://localhost/ig_ui12.2/js/',            

    cssPath: 'http://localhost/ig_ui12.2/css/',            

     resources: 'igShared,igEditors,igValidator'        

    });

            $.ig.loader(function () {        

      $('#datePicker').igDatePicker({         width: "220px"          });    

    $("#datepicker1").igDatePicker({     width: "200px"     });     

     });    

     </script>

    </head>

     <body>

     <input id="datePicker" type="text"  /> <br />    

     <input id="datepicker1" type="text"  />     

    </body>

     

    Thanks,

Children