dear i have a datepicker inside my form. after i click the textfield, datepicker show to up(reverse with drop down). how do i do if i want to show datepicker dropdown not dropup? http://img413.imageshack.us/img413/1460/screenshot5g.png
To change the position of the jQuery UI Datepicker just modify . ui-datepicker in the css file. The size of the Datepicker can also be changed in this way, just adjust the font size.
at Datepicker Link, just click the Download Development and get latest JS which include the orientation options. In the JS given defaults are: var defaults = $. fn.
Go to New project and select the Web tab and select ASP.Net Web Application. Provide a suitable name for your project, such as DateTimeDemo, and click the OK button. Then the following screen will appear. Select the MVC tab and click the OK button.
$('.datetime').datepicker({
dateFormat: 'm/d/yy',
beforeShow: function (input, inst) {
var offset = $(input).offset();
var height = $(input).height();
window.setTimeout(function () {
inst.dpDiv.css({ top: (offset.top + height + 4) + 'px', left: offset.left + 'px' })
}, 1);
}
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With