All Questions
Tagged with jquery-ui datepicker
479
questions with no upvoted or accepted answers
13
votes
3
answers
2k
views
Cannot select years BC
I'm working on a project that need to handle dates BC (eg 100BC, or 2000BC) as well as 2014AC etc..
In the API documentation of Datepicker, it is stated that minDate and maxDate can be set using ...
5
votes
1
answer
6k
views
jQuery UI Datepicker not working on iOS
I have a search form with a couple of date fields that I'm happily using jQuery UI's datepicker on:
<input class="formFields datepicker" id="arrival" name="arrival" required="" placeholder="...
5
votes
5
answers
11k
views
How to make a jquery datePicker button image unclickable
I have a jquery UI datePicker in my page. I have a text box on which the date is displayed. The code is:
$("#cal").datepicker({
minDate: new Date(),
defaultDate: new Date(),
buttonImage:
...
4
votes
1
answer
5k
views
jQuery UI Datepicker - color dates after the selected date
I'm using the jQuery UI datepicker to allow the user to select a date. I need to color 7 days after the selected date.
For example, if the user has selected 1.1.2015, the days 2.1.2015 to 8.1.2015 ...
4
votes
0
answers
8k
views
jQueryUI Datepicker refresh after initialization
On site I have default datepicker initializated globally for all inputs with class input-date.
$('body').on('focus', '.input-date', function () {
$(this).datepicker({
changeMonth: true,
...
3
votes
0
answers
232
views
jQuery UI datepicker not selecting the correct month in 1.12.1
When loading jQuery 3.1.1 and jQuery UI 1.12.1 (both production versions) the datepicker forward and back arrows do not take you to the proper months when numberOfMonths is greater than 1 and ...
3
votes
1
answer
219
views
jQueryUI datepicker formatted date range clearing its partner on new date
I have two input fields, displaying a from and a to month/year. No date should be selected, only the month and year are actually relevant, so first day in the month is used.
They also have an alt ...
3
votes
0
answers
1k
views
jquery ui datepicker force non-inline (popup) mode on span or div
I am attaching datepicker to a span but I want the popup style and functionality that you get from attaching to an input. I can change the css to position:absolute, but the datepicker does not close ...
3
votes
0
answers
2k
views
Fire function after jQuery UI datepicker has rendered
I want to add a hover to all .ui-state-default elements (cells) of a datepicker. The hover uses class information added by the beforeShowDay function. I need a way to be able to rebind the hover ...
3
votes
2
answers
2k
views
MVC3 Cultures vs jQuery UI Date Formats
I am having a problem with an MVC3 application using a jQuery UI DatePicker object.
Within the MVC application, I ask the user to pick their required culture, i.e en-GB, which then formats all dates ...
3
votes
0
answers
3k
views
Jquery datepicker throwing too much recursion error
Im trying to modify the jquery datepicker with done button as clear button. but it is throwing too much recursion error...
my code is,
function datePickerToCompareTwoFields(){
var dformat = ...
3
votes
1
answer
1k
views
Silent Error in jQuery UI datepicker
I have encountered a very strange problem.
I am building a reporting package and part of it uses the daterangepicker library to, well, pick a date range. However, during the function that creates ...
2
votes
0
answers
5k
views
Angular 5: jQuery UI datepicker not working
I want to use the jQuery UI datepicker with Angular 5, but it doesn't work...
First I wrote a simple html file without Angular:
<html lang="en">
<head>
<meta charset="utf-8"&...
2
votes
0
answers
411
views
jQuery UI datepicker classes Option not overwriting default classes
As per the classes option guide here, I tried to overwrite the default classes used by jQuery ui datepicker.
The datepicker doesn't have a .prototype, like the other widgets, so $.ui.datepicker....
2
votes
0
answers
248
views
Get Weeks in a Month in Jquery DateTimePicker Week
Current I am using Jquery DatePicker as my Calender picker in one of my project. My Requirement is to get the week number also added in each month's Calender display. Also for every month, week should ...
2
votes
0
answers
531
views
jQuery-ui datepicker gets cut off when scroll bar exists
Here is a screenshot of what I'm experiencing. The dark teal band at the bottom of the picture is a footer that spans across the whole screen, and what is inside the white area with the portion of the ...
2
votes
0
answers
25
views
.datepicker improper position on mobile?
On my computer .datepicker shows correctly beneath the form:
But on my phone .datepicker overlaps the form:
<%= f.text_field :deadline, id: "six", class: 'form-control', placeholder: 'Enter ...
2
votes
0
answers
889
views
datePicker : get the TD element object of a DAY
I want to be able to find the parent "td" of a day on a datepicker calendar, but can't find a way to do this.
Example of the outpout of a datepicker :
<td class=" " data-year="2013" data-month="6"...
2
votes
0
answers
235
views
how to change the jquery ui theme dynamically
I have three text box with jquery ui date picker
Now what i need is i need to add the theme dynamically for each date picker i need separate theme is it possible to do ?
Please check my Fiddle here
...
2
votes
1
answer
1k
views
How to retrieve values from datepicker in a datepicker input field (using PHP MySQL)?
I have this form to update a record using PHP MySQL. I want to retrieve the value of the date column in a datepicker field. Is that possible? I try using $_REQUEST['date'], but the result is empty.
...
2
votes
1
answer
1k
views
Multiple date inputs for jquery UI datepicker
I have a datepicker, and I need to be able to enter a date manually in multiple different formats. For example, for May 7, 2015, I need to be able to enter:
05/07/2015
05072015
050715
5715
I ...
2
votes
2
answers
1k
views
jQuery UI datepicker doesn't close on the iPad
The datepicker usually works on the PC, but not in iPad's browser. In beforeShow, I add the button to close:
var headerPane = $("#ui-datepicker-div");
headerPane.append("<a href='javascript:void(0)...
2
votes
0
answers
236
views
Multiple datepicker selected dates want to be highlighted
Already this question is there jquery multiple datepicker selected dates not highlighted well
But im not getting the result for ex : if i selected the date 1 to 10 it want to highlight dates between ...
2
votes
2
answers
2k
views
Focus an inline jQuery UI Datepicker for the keyboard shortcuts?
I've been searching the net for an answer or sample of this but have come up short so far.
jQuery UI gives some great "out of the box" keyboard shortcuts for the Datepicker widget, but they only seem ...
2
votes
2
answers
2k
views
Cannot configure jQuery datepicker to select default date
I am using the following plugin for a datepicker:
http://xdsoft.net/jqplugins/datetimepicker/
This is a very nice plugin however I am finding it difficult to set a default date when loading the box.
...
2
votes
1
answer
469
views
beforeShowDay call a day twice
how can i prevent that the function beforeShowDay called a day to times? The jquery datepicker has two months.
30.01.2013 -> month side jan
31.01.2013 -> month side jan
01.02.2013 -> month ...
2
votes
2
answers
3k
views
How to Calculate Number of days between two calender dates which are in text format in Javascript?
I'm having a form which is having two input fields with date picker(with the help of jquery ui).One asking a check in date & the other asking check out date.I want to calculate the Number of Days ...
2
votes
3
answers
2k
views
jQuery UI datepicker input class
I'm quite fresh on jQuery, and I've just implemented jQuery + jQuery UI, but on the datepicker widget it seems like the classes added on the inputs from before are removed, and datepicker classes are ...
2
votes
3
answers
6k
views
Jquery UI Datepicker does not work
I tried everything but the Jquery ui datepicker does not shows up.
Here is my code
HEAD
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="Stylesheet" />
<...
1
vote
0
answers
382
views
Flatpickr doesn't show after html code is rendered
I am using Flatpicker to show a datetime picker, and the following code works fine, if i click on the input field, the calender opens and the user is able to pick a datetime.
<input id="...