Jquery DatePicker icon position

For one of my projects, I was looking for a datepicker, simple and lightweight.
I found such – jQuery date picker plug-in, developed by Kelvin Luck (http://www.kelvinluck.com/).
It suits all my needs, except one – it placed icon always after the text input box.

To make possible to place it before the input box, I changed a little the code of the plugin. And now you should only specify the following settings and it will be placed before your input box:


Additionally, button placed before input box gets an additional class “dp-choose-date-before”, which allows to customize css settings for this button.

I am going to contact with Kelvin in order to include this option to the main source.
But now you can get a modified file here jquery.datePicker

Leave a Reply

%d bloggers like this: