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
0
votes
0 answers

jquery datepicker not showing calendar after ajax call

I do an ajax call to test if user is allowed to change the date. based on the ajax result, i either show the datepicker calendar or alert them they are not allowed. The problem I have is that the datepicker calendar is not showing up when the…
bart2puck
  • 2,432
  • 3
  • 27
  • 53
0
votes
0 answers

Why does my date picker update a field in the wrong table row?

After adding new rows in a table when I focus on date it shows the date picker, but when I choose date it changes the date in first row of the table. How can I overcome this problem? First Date Before Adding New Row Second Row Date Before Date…
Mani-Peer
  • 1
  • 3
0
votes
1 answer

JQuery UI DatePicker - Input Blocked when Calendar Overlays card-header

I have implemented JQuery UI Datepicker on a site. I have an issue where that when I click to show the calendar dropdown, where the dropdown overlays the bootstrap card in the next row, anything over the card-header cannot be clicked on. If I scroll…
Simon Evans
  • 238
  • 2
  • 10
0
votes
1 answer

How do I get jquery datepicker to format dates before displaying them?

I would have thought this would be a common problem, but I haven't been able to find anything about it... Basically, I have a jquery datepicker linked up to an input field which paths to a java Date object. Everything works just fine, but the…
Mark
  • 53
  • 9
0
votes
1 answer

jquery ui datepicker - beforeShowDay not working when I first open the clendar

it looks like the beforeShowDay doesn't work the first time I open the calendar on the current month. I'm having the jquery ui datepicker with few active days each month. when I refresh the website and open the calendar for the first time, i'll see…
user3316244
  • 13
  • 1
  • 5
0
votes
3 answers

How to call a jquery datetime picker in the image button placed by the textbox control

This is my jquery datetimepicker i want to call this jquery in the image button which is placed nearby the textbox.how should do?