Questions tagged [jquery-ui-datepicker]

A datepicker widget from jQuery-ui which allows the user to select a date from a popup or inline calendar

The Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format, language, restrict the selectable date ranges, add buttons and other navigation options easily. The style is fully customizable.

More information can be found on the jQuery UI website and in the API Documentation. For localization visit the GitHub repository.


Example:

$("#selector").datepicker({
  // Options
});

Options:

  • altField
  • altFormat
  • appendText
  • autoSize
  • beforeShow
  • beforeShowDay
  • buttonImage
  • buttonImageOnly
  • buttonText
  • calculateWeek
  • changeMonth
  • changeYear
  • closeText
  • constrainInput
  • currentText
  • dateFormat
  • dayNames
  • dayNamesMin
  • dayNamesShort
  • defaultDate
  • duration
  • firstDay
  • gotoCurrent
  • hideIfNoPrevNext
  • isRTL
  • maxDate
  • minDate
  • monthNames
  • monthNamesShort
  • navigationAsDateFormat
  • nextText
  • numberOfMonths
  • onChangeMonthYear
  • onClose
  • onSelect
  • prevText
  • selectOtherMonths
  • shortYearCutoff
  • showAnim
  • showButtonPanel
  • showCurrentAtPos
  • showMonthAfterYear
  • showOn
  • showOptions
  • showOtherMonths
  • showWeek
  • stepMonths
  • weekHeader
  • yearRange
  • yearSuffix

References

Related Tags

2969 questions
36
votes
11 answers

ipad web application: How do I prevent the keyboard from popping up on jquery datepicker

I have a form with an date field with a jquery datepicker attached to it. When I select the date field the datepicker pops up but then the iPad keyboard slides into view and obscures the datepicker. How do I prevent the keyboard from popping up in…
Rob Osborne
  • 4,897
  • 4
  • 32
  • 43
36
votes
6 answers

.datepicker('setdate') issues, in jQuery

I have a function that executes a query to get some data based on a certain date range which is selected using .datepicker(). I am trying to set the datepicker's that are in the response data back to the date range which was selected before the…
Derek Adair
  • 21,846
  • 31
  • 97
  • 134
36
votes
7 answers

Jquery DatePicker Set default date

I Have two date fields where I use DatePicker to pick the dates. For the first date field, I want today's date as the default date. For the second date field, I need today + 15 days as my default…
maaz
  • 3,534
  • 19
  • 61
  • 100
35
votes
6 answers

jQuery event handler .on() not working

I want to attach a event to dynamically created element class.So i used live function but it was not triggered. So checked live function reference ,there i red below notes As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach…
Gowri
  • 16,587
  • 26
  • 100
  • 160
34
votes
7 answers

Implementing jQuery DatePicker in Bootstrap modal

Created jsfiddle for my issue http://jsfiddle.net/sudiptabanerjee/93eTU/ In modal window issue is on Change Month and Change Year combos. a) IE 11: everything is working as expected b) Chrome Version 31, On month combo select, bootstrap modal…
32
votes
7 answers

How do I connect jQuery Datepicker to my Ruby on Rails form?

I'm trying to use the jQuery Datepicker to set a date field in my Ruby on Rails form, but I can't work out how to do it. Can someone point me in the right direction?
ben
  • 29,229
  • 42
  • 124
  • 179
31
votes
11 answers

Getting value from JQUERY datepicker

If I want to display the JQUERY UI datepicker inline by attaching it to a DIV like $("div#someID").datepicker() - how do I access the chosen date? I assume if it's not bound to an INPUT then it won't be submitted with the form. I guess as a…
David Grenier
  • 1,221
  • 1
  • 10
  • 23
28
votes
6 answers

The field date must be a date in mvc in chrome

I'm doing a simple MVC4 Internet application, which allows to add some items to the categories. Here is what i've done so far. I've a datepicker in mvc view. The script for the datepicker is like this.
Karthik Chintala
  • 5,465
  • 5
  • 30
  • 60
27
votes
22 answers

Jquery UI Datepicker not displaying

UPDATE I have reverted back to Jquery 1.3.2 and everything is working, not sure what the problem is/was as I have not changed anything else apart of the jquery and ui library versions. UPDATE END I having an issue with the JQuery UI datepicker. The…
scott
  • 315
  • 1
  • 5
  • 7
27
votes
12 answers

Can I highlight an entire week in the standard Jquery UI date picker?

Can I highlight an entire week in the standard Jquery UI date picker?
MikeN
  • 45,039
  • 49
  • 151
  • 227
26
votes
4 answers

Display additional text alongside dates in jQuery UI datepicker

I am using jQuery UI datepicker and I want to display additional text inside date cells next to the date. This is the desired behavior: Unfortunately, manipulating date cells using .text() and .html() functions breaks the datepicker functionality.…
Salman A
  • 262,204
  • 82
  • 430
  • 521
25
votes
5 answers

Sonata Admin Bundle: DatePicker range

How would I create a doctrine_orm_datetime_range filter in the Sonata Admin Bundle which uses the jQuery UI datepicker? I tried the following, but it doesn't work: protected function configureDatagridFilters(DatagridMapper $datagridMapper) { …
22
votes
10 answers

jquery datepicker not working on dynamically created html

I'm creating dynamically a couple of div with inner controls. Two of those controls should be datepickers. But for some reason they are not showing (only input text are shown) It works if I create static html, but not when I'm using dynamic…
polonskyg
  • 4,269
  • 9
  • 41
  • 93
22
votes
10 answers

Disable setting of focus for jQuery UI datepicker

There is an option with the jQuery UI datepicker to only open the datepicker when a button image is clicked. See the following for an example: http://jqueryui.com/demos/datepicker/#icon-trigger The problem is that the focus is in the textfield as…
black666
  • 2,997
  • 7
  • 25
  • 40
21
votes
4 answers

How to restrict date range of a jquery datepicker by giving two dates?

I am having two dates that is stored in db and am selecting it using $.ajax() and what i need is to show the datepicker values between the dates I selected from db. Here is my code for it.But it is not working properly function…
kbvishnu
  • 14,760
  • 19
  • 71
  • 101