Skip to main content

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

jquery-ui-datepicker
124 votes
26 answers
302k views

How to change the pop-up position of the jQuery DatePicker control

Any idea how to get the DatePicker to appear at the end of the associated text box instead of directly below it? What tends to happen is that the text box is towards the bottom of the page and the ...
7 votes
7 answers
30k views

Jquery Datepicker select multiple date ranges in one calender

My requirement is to allow user to select multiple date ranges in a single calendar, also previous date selections should not be allowed to change. How is this possible? Below is the code and link to ...
0 votes
2 answers
5k views

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: <input type="text&...
0 votes
1 answer
121 views

React DatePicker - Click outside day of month and calendar auto close, can't not select end date?

React DatePicker - Click outside day of month and calendar auto close, can't not select end date? When i clicked April 30 then React DatePicker auto close. And I not choose end date. enter image ...
1 vote
2 answers
3k views

jQuery Date picker - Set current date

HTML <input type="text" id="datepicker"> javaScript <script> $( function() { $( "#datepicker" ).datepicker({ dateFormat: 'mm-dd-yy', minDate: &...
16 votes
5 answers
58k views

Create a label using jQuery on the fly

I need to create a label and text field on the fly and also include datepicker for the textfield. I need something like this: <label for="from">From </label> <input type="text" id="...
0 votes
0 answers
51 views

Iterate through Datepicker dates and add aria-selected='true' to the currently selected date with .ui-state-active

I have multiple date pickers on a page and I'm trying to iterate through the dates to find the currently selected date and add aria-selected='true' to the currently selected date with the class of.ui-...
0 votes
1 answer
47 views

Why is my Bootstrap datepicker being duplicated if opened too early?

I have a datePicker in my code and when I open the datepicker before all requests are done when they are done it's adding a inline-datepicker inside my datepicker dropdown here's my code <div class=...
0 votes
0 answers
37 views

jQuery date picker manual trigger

I have a working version of jQuery date picker, Just need to implement 2 more enhancements to it The calendar function is not invoking while clicking the Date Icon, however if I click the text field ...
0 votes
1 answer
1k views

Jquery datepicker not doing postback when date changes

I'm using this datepicker on my project (http://keith-wood.name/datepick.html) I use it on an asp:TextBox control and problem is that the control loses the AutopostBack capability. What I wish to ...
1 vote
6 answers
28k views

Contact form 7 Datepicker, date range between 2 dates

I would like to have two date field in my Wordpress contact form 7. A start-date and an end-date. The fields will be datepickers from the "Contact Form 7 Datepicker" plugin. When visitor has selected ...
3 votes
2 answers
12k views

How to show the datepicker when a button is clicked?

I'm trying to add a custom button to the button panel of jQuery's datepicker. When I apply the following code though nothing happens: $('.date-picker').datepicker( { changeMonth: true, ...
0 votes
1 answer
35 views

Displaying a custom woocommerce cart fee based on a custom datepicker field selection

Party Rental Equipment website. Using the JQuery datepicker in 3 woocommerce_form_field, one for Event Date, One for Delivery Date, and one for Pickup Date. I am trying to charge a $440 extra fee if ...
0 votes
0 answers
41 views

Jquery datepicker does not work on a newly opened blank window

I tried apply jquery datepicker on a newly opened blank window (opened with window.open). <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> ...
1 vote
1 answer
38 views

Jquery datepicker not setting 90days or 3months from the month selected in Jquery

I have 2 dates fromDate and ToDate in which I want to implement a logic where if in FromDate is selected todays date, in ToDate the date should be active or enabled till previous 90 days or 3 months. ...

15 30 50 per page
1
2 3 4 5
199