Stack Overflow
Stack Overflow

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

Change date format in ASP.NET Core application

I want to change the default date format (mm/dd/yyyy) in my ASP.NET Core application. I am using bootstrap date-picker for better user experiences. But when I change the format to dd/mm/yyyy or dd/mm/yy using jQuery, it saves 0001-01-01…
Mehedi Hasan Kajol
  • 157
  • 8
0
votes
3 answers

Font awesome icon in jquery date picker

I am trying to display the fontawesome icon on "buttonText" of jquery date picker but it displays the text and not the icon. Is it correct? I am using jquery 13. $("#btnDate").datepicker({ showOn: "button", buttonText: "
Hector
  • 31
  • 1
  • 9
0
votes
1 answer

How to get datepicker to be highlighted upon refresh

I have a datepicker that highlights a selected week. It is using an ajax request. Which is where I am having a problem. When I select a week i.e. 29/08/11 and the page refreshes the highlighted week is no longer highlighted. Datepicker.js…
user532339
0
votes
1 answer

Questions on jquery DatePicker

I have a couple of simple questions on DatePicker... Is it possible for me to select a time along with my date? How can I do that? I need to make sure my user can not pick a date that happens before a certain time, and I also need to make sure…
SoftwareSavant
  • 9,467
  • 27
  • 121
  • 195
0
votes
1 answer

how do I enable all options when user selects a date that is not the current date?

I am trying to get the datepicker to work with the select options, so if the user selects a date that's not the current date, then the function will not be called so the user can select any time they want.
spoofy4k
  • 15
  • 2
0
votes
2 answers

jquery datetime picker is not working after jquery ajax called?

i am using jquery datepicker on jsp page and when i call ajax to load some data from server and on success of ajax data loads to div tag after that i cant see the datepicker. when i click on textfield i shows date picker but on click of button i…
sawan
  • 2,341
  • 3
  • 25
  • 51
0
votes
1 answer

Jquery DatePicker calendar to remembering previous selected date

I have 2 date pickers on my page that are formatted to display month and year. When a user selects the month and year, the page loads data based on the selection. All this works fine. The users are complaining that when they go to click on the…
JohnK
  • 35
  • 8
0
votes
1 answer

jQuery UI Datepicker - default day of month on month change

I need a specific behavior of jQuery UI Datepicker: By clicking on 'Prev/Next Month' current day of month must be automatically set in the previous/next month. e.g.: default date was set to 8/25/2011, after clicking 'Next month' (or selecting…
freezethrower
  • 1,253
  • 8
  • 9
0
votes
0 answers

How to disable dates in a datepicker fields based on values in several fields?

I have several text-type input fields filled by dates. Those fields are added dynamically, depending on database contents. Each field has its own id: multi_datepicker_0, multi_datepicker_1, multi_datepicker_2, and so on, and each of them (besides…
ozzmosis
  • 69
  • 1
  • 9
0
votes
2 answers

jquery datepicker with $.post() in yii framework

I'm trying to use the jquery datepicker. What I need to do is to call an action search that return the result with the selected date. The problem is that I have the html response correct but I don't know how to render it. I still always in the same…
Pietro
  • 1,815
  • 2
  • 29
  • 63
0
votes
0 answers

Getting/setting value from Jquery UI Datepicker returns undefine from chrome extension

I'm using chrome extension to automate my few tasks, one of them is to select the date from datepicker. but i'm unable to perform actions on Jquery UI datepicker by using its methods such as: $(".hasDatepicker").datepicker("setDate", new…
Rida Fatima
  • 1
  • 1
0
votes
1 answer

MVC3 date validation fails on Mac

Short version: I’ve built a simple website with ASP.NET MVC3, and I’ve run into a peculiar issue with date-fields, the jQuery datepicker, validation and Mac browsers. In short, the date-field is validated correctly on a PC, but fails on a Mac (I’ve…
Jakob Gade
  • 12,319
  • 15
  • 70
  • 118
0
votes
1 answer

disable past dates from given date on datepicker

I am trying to have a date Range selected using the UI date picker. in the from field people should not be able to view or select dates previous to the given day. My Code:
Julker Nien Akib
  • 59
  • 1
  • 8
0
votes
1 answer

Need to add range limit of 30 days on 'To date' once user selects 'From date' in JavaScript

Need to add range limit of 30 days on To date once user selects From date in javascript. I have tried using it the way its been shown below, but it isn't working. Tried using max date too but it doesn't work dynamically depending on user…
issh
  • 11
  • 2
0
votes
1 answer

Using Multiple JQuery-ui datepickers on same page with multiple languages (English, Japanese)

I am using 2 datepickers on the same page with 2 languages(English, Japanese). The first time when I select the date in both date datepicker then it's working properly but second, the third time I select the date from Japanese and then I try to…
Kamlesh Simpi
  • 26
  • 1
1 2 3
…
99
100