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
1 answer

How do I attach datepickers to text boxes with the same ID?

I have an ASPX that has a repeater. Inside the repeater is a text box with a JQuery datepicker attached to it. The text box's ID is static, so it is the same for all of those items within the repeater. However, when I make a change to the second or…
Don Del Grande
  • 140
  • 10
0
votes
2 answers

I have an unknown problem with datepicker

var form = document.createElement("div"); form.innerHTML = ""; swal({ content: form, closeOnEsc: false, closeOnClickOutside: false, }); $('#Test').datepicker(); The swal is displayed without any problem and…
Aliakbarian
  • 3
  • 2
0
votes
2 answers

jquery datepicker insert dayid to all days within attribute

I need to add dayid to all for example: 22 would be like
js newbie
  • 1
0
votes
1 answer

jQuery UI datepicker onSelect NOT working

I have From Date and To Date jQuery datepicker controls and if I change From Date, then To Date should automatically be 180 days from From Date Below code is not firing the onSelect event even if this looks so simple... $("#txtFrom").datepicker({ …
CPK_2011
  • 872
  • 3
  • 21
  • 57
0
votes
2 answers

Jquery datetime picker not working with the masterpage

the jquery datepicker is not work in usercontrol through the masterpage....struggling a lot..... masterpage <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> <%@ Register…
Kajah User
  • 593
  • 5
  • 17
  • 56
0
votes
3 answers

Jquery time picker not working in the usercontrol

When i use the below code in webpage (.aspx file), it works fine; but when I use the below in a user control (.ascx file) it does not work. How to fix this? Do i have to do any modifications in the masterpage. <%@ Control Language="C#"…
Kajah User
  • 593
  • 5
  • 17
  • 56
0
votes
2 answers

jqgrid:data from the previous month can't appear

I don't know whats happen with my jqgrid,for the 1st time my data can show (all data which already input to database). But, after I try to input date format from jquery datepicker like: I choose 08/03/2011 but actual date is 09/09/2011. the jqgrid…
nunu
  • 2,703
  • 9
  • 33
  • 55
0
votes
0 answers

"beforeShowDay" Not working for given Condition

i want to enable only "friday" in datepicker. $(".input-monthpicker").datepicker({ format: "dd/mm/yyyy", autoclose: true, //startDate: new Date(), beforeShowDay: function (date) { …
Baba Ranjith
  • 196
  • 14
0
votes
1 answer

Jquery UI Datepicker - if user enter last 2 digit of year in input field it should show as 4 digit of year

$("body").on("focusin", ".date_field", function(e) { $(this).datepicker({ yearRange: "c-40:c+10", minDate: $(this).data("minimum-date"), maxDate: $(this).data("maximum-date"), changeMonth: true, …
Garima Jain
  • 117
  • 1
  • 8
0
votes
1 answer

Only allow the last friday in month date picker don´t work for me

I want to enable only the last Friday in each month in my datepicker. In another example I found a code-snippet but it doesn't work for me. Maybe my picker uses other attribute names? How I can do this? var monthDays = new…
Chris
  • 23
  • 5
0
votes
1 answer

How do I get beforeShowDay to work with my jQuery datepicker?

I realize many have already asked similar questions, but I have been plugging away at this for ages and, despite reviewing numerous posts and multiple attempts, I can't figure out how to get it working. I'm using an ajax call to retrieve an array of…
Sean
  • 95
  • 3
  • 11
0
votes
2 answers

Question about jQuery DatePicker Plugin

I have a question reguards to the jQuery DatePicker Plugin. I know there is something called AltField. I have a date range function, which is just the demo codes. The code is here $(function() { var dates = $( "#from, #to" ).datepicker({ …
HorseKing
  • 454
  • 6
  • 19
0
votes
1 answer

Trying to call the jQuery datepicker with the dynamic ID from HTML file

Trying to call the jQuery datepicker with the ID. But I do not want to declare the ID on the script page. I want to call this jQuery file or function from the HTML file when I clicked on the input textbox and want to pass the input textbox id as a…
SAM Jubayer
  • 11
  • 5
0
votes
1 answer

jquery datepicker pass variable from one function to another

i'm trying to pass the data i got from the function initiated by onChangeMonthYear to the function initiated by beforeShowDay. I tried various methods, like assigning the data I got from test.php to a variable declared at the outside but to no…
imin
  • 4,504
  • 13
  • 56
  • 103
0
votes
1 answer

jQuery UI Datepicker Event catcher NOT within the plugin code

I am trying to trigger an event outside of the jQuery UI's onSelect code. I am trying to use jQuery (and I tried vanilla JS too), to catch the on select event of a date, which is actually a 'table td' element. I tried bubbling up the event, are…
ClosDesign
  • 3,894
  • 9
  • 39
  • 62
1 2 3
…
99
100