How to change the position of date picker in textbox in JQuery

Question

How to change the position of date picker in text box using JQuery

<input type="text" id="Date" name="Date" class='Date'/>

Jquery

 <script type="text/javascript">
 (function ($) {
        $('.Date').datepicker();
        $('.Date').datepicker('setDate', 'today');
    })(jQuery);
</script>

Here how to change the position of date picker down to left side and How to Decrease the height and width in this

Take a look at the CSS, that's how you customize jQuery UI widgets. — Barmar, Dec 31 '14 at 10:34
see this post:http://stackoverflow.com/questions/5669502/changing-the-height-of-a-jquery-datepicker — Suchit kumar, Dec 31 '14 at 10:37

score 1 · Answer 1 · answered Dec 31 '14 at 10:54

1

Try this

  $('.Date').datepicker({
        beforeShow: function(input, inst)
        {
            inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px'});
        }
    });

answered Dec 31 '14 at 10:54

Hoja

1,057
1
12
32

How to change the position of date picker in textbox in JQuery

1 Answers1

Try this