jqueryexample.com jQuery Date Picker - jqueryexample.com

jQuery Date Picker by jqueryexample

jQuery Date Picker plugin allows you to easily add “date picker” calendars to you HTML forms. These calendars make it much quicker, easier and less error prone for people to input certain types of dates.

jQuery:
$(function()
{
$('.date-pick').datePicker();
});

css:
a.dp-choose-date {
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 5px 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
input.dp-applied {
width: 140px;
float: left;
}

Demo.

Did you like this? Share it:

Discussion

No comments yet, be the first.

Leave a Comment