Skip to main content

Questions tagged [datepicker]

A datepicker is a user interface element in many frameworks that allows a user to choose a date and also, in some cases, time, often through a visual calendar. When including this tag, it would advantageous to also include details regarding the specific data picker being used as they each have different properties/options/functionality.

Filter by
Sorted by
Tagged with
271 votes
19 answers
715k views

jQuery UI Datepicker onchange event issue

I have a JS code in which when you change a field it calls a search routine. The problem is that I can't find any jQuery events that will fire when the Datepicker updates the input field. For some ...
zbestzeus's user avatar
  • 2,867
244 votes
12 answers
385k views

jQuery date/time picker [closed]

I've been looking around for a decent jQuery plugin that can handle both dates and times. The core UI DatePicker is great, but unfortunately I need to be able to take time in as well. I've found a ...
Chelsea's user avatar
  • 6,781
185 votes
7 answers
319k views

Are there any style options for the HTML5 Date picker?

I am really stoked about the HTML5 date picker. The caveat is that I don't see or foresee much in the way of applying colors to the picker itself which is going to make the use of the datepicker kind ...
Wray Bowling's user avatar
  • 2,446
179 votes
3 answers
115k views

Javascript date.getYear() returns 111 in 2011? [duplicate]

I have this javascript for automatically setting a date filter to the first and last day of the previous month: $(document).ready(function () { $("#DateFrom").datepicker({ dateFormat: 'dd/mm/yy' }...
JK.'s user avatar
  • 21.7k
172 votes
40 answers
484k views

Not showing placeholder for input type="date" field

I am doing a phonegap app. When I am trying type="date" input field as shown below, it shows date picker in iPhone as I expected but it doesn't show the placeholder I have given. I found the same ...
Mumthezir VP's user avatar
  • 6,443
155 votes
24 answers
429k views

jQuery UI " $("#datepicker").datepicker is not a function"

When i use DatePicker, jQuery's UI plugin, in an existing .aspx page I get errors that: $("#datepicker").datepicker is not a function However, when I copy and paste the same code that creates and ...
burnt1ce's user avatar
  • 14.7k
148 votes
19 answers
30k views

Jelly Bean DatePickerDialog --- is there a way to cancel?

I have something weird here. I don't think the problem depends on which SDK you build against. The device OS version is what matters. Problem #1: inconsistency by default DatePickerDialog was changed (...
davidcesarino's user avatar
147 votes
25 answers
271k views

jQuery Datepicker with text input that doesn't allow user input

How do I use the jQuery Datepicker with a textbox input: $("#my_txtbox").datepicker({ // options }); that doesn't allow the user to input random text in the textbox. I want the Datepicker to pop ...
Elliot Vargas's user avatar
134 votes
15 answers
457k views

jQuery datepicker set selected date, on the fly

How can I change the selected date of jquery Date picker dynamically on the fly? I have say created a inline date picker. Then after some time, I want to reflect a different date there without ...
Sabya's user avatar
  • 11.8k
131 votes
2 answers
157k views

How to disable manual input for JQuery UI Datepicker field? [duplicate]

I decided to use the JQuery UI Datepicker script for picking dates. Below is part of my code, and the way I integrated it into my PHP page: <link type="text/css" href="css/south-street/jquery-ui-1....
BeeDog's user avatar
  • 1,875
128 votes
13 answers
162k views

putting datepicker() on dynamically created elements - JQuery/JQueryUI

I have dynamically created textboxes, and I want each of them to be able to display a calendar on click. The code I am using is: $(".datepicker_recurring_start" ).datepicker(); Which will only work ...
steeped's user avatar
  • 2,623
109 votes
1 answer
282k views

Bootstrap date and time picker [closed]

Suggest me any JavaScript to pick the date and time . NOTE: I want to use only one file for date and time picking. I already see this: http://www.eyecon.ro/bootstrap-datepicker/ and http://...
Aravindhan's user avatar
  • 3,626
103 votes
18 answers
185k views

Bootstrap datepicker hide after selection

How do I hide the calendar after a date is selected? Is there a specific function that I can use? My code below: $('#dp1').datepicker({ format: 'mm-dd-yyyy', startDate: '-15d', autoclose:...
jheul's user avatar
  • 1,201
97 votes
16 answers
378k views

jQuery Date Picker - disable past dates

I am trying to have a date Range select using the UI date picker. in the from/to field people should not be able to view or select dates previous to the present day. This is my code: $(function() { ...
Harsha M V's user avatar
  • 54.7k
97 votes
9 answers
247k views

Angular-Material DateTime Picker Component?

I imported a date picker in a project and was wondering if there was any official recent component from angular and material to include time in the calendar as well. I've seen plenty of time pickers ...
Kevin Curnow's user avatar
93 votes
14 answers
115k views

Disable native datepicker in Google Chrome

Date picker landed on Chrome 20, is there any attribute to disable it? My entire system uses jQuery UI datepicker and it's crossbrowser, so, I want to disable Chrome native datepicker. Is there any ...
Alexandre's user avatar
  • 7,154
90 votes
25 answers
283k views

How to dynamically set bootstrap-datepicker's date value?

I am using bootstrap datepicker along with a line highchart. I want the datepicker date to update when the chart is zoomed. Once that event triggers I update the values of the datepicker. The values ...
corinacallan's user avatar
86 votes
9 answers
116k views

jquery-ui datepicker change z-index

The problem is pretty straight forward although I'm having a hard time figuring out just how to solve it. I'm using a jQuery-ui datepicker along with a custom made "ios style on/off toggle". This ...
Greg Guida's user avatar
  • 7,430
85 votes
22 answers
171k views

Twitter Bootstrap Datepicker within modal window

I am currently using the Twitter Bootstrap framework, and when using the modal windows I cannot get over js elements to work like datepicker or validation, though chosen and uniform render correctly. ...
Boss Nass's user avatar
  • 3,452
83 votes
14 answers
135k views

What's the cleanest, simplest-to-get running datepicker in Django?

I love the Thauber Schedule datepicker, but it's a datetime picker and I can't get it to just do dates. Any recommendations for nice looking datepickers that come with instructions on how to integrate ...
Michael Morisy's user avatar
81 votes
8 answers
310k views

Detect change to selected date with bootstrap-datepicker

I have an input element with an attached datepicker created using bootstrap-datepicker. <div class="well"> <div class="input-append date" id="dp3" data-date="2012-01-02" data-date-format=...
user2269756's user avatar
78 votes
12 answers
86k views

How to Disable future dates in Android date picker

How to Disable future dates in Android date picker Java Code : mExpireDate.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { ...
venu's user avatar
  • 2,979
78 votes
8 answers
111k views

jQuery datepicker years shown

With the jQuery datepicker, how does one change the year range that is displayed? On the jQuery UI site it says the default is "10 years before and after the current year are shown". I want to use ...
John Boker's user avatar
  • 83.4k
77 votes
15 answers
165k views

jQuery datepicker to prevent past date

How do I disable past dates on jQuery datepicker? I looked for options but don't seem to find anything that indicates the ability to disable past dates. UPDATE: Thanks yall for the quick response. I ...
netrox's user avatar
  • 5,316
71 votes
8 answers
143k views

Open JQuery Datepicker by clicking on an image w/ no input field

I want to have the JQuery Datepicker open when the user clicks on an image. There is no input field where the selected date appears afterwards; I'm just going to save the entered date to the server ...
ep4169's user avatar
  • 2,365
71 votes
16 answers
121k views

datepicker date off by one day

The date returned by date picker is off by one day. Is it a problem in my code or is it a bug? The date sent to date_picker is 2012-03-21. The date returned by datepicker is Tue Mar 20 2012. var ...
user823527's user avatar
  • 3,692
69 votes
21 answers
71k views

Today button in jQuery Datepicker doesn't work

I'm using jQueryUI Datepicker and show "Today" button. But it doesn't work. It also doesn't work in demo: http://www.jqueryui.com/demos/datepicker/#buttonbar I'w want to fill input with today when ...
Chuprin's user avatar
  • 1,137
68 votes
6 answers
192k views

Disable certain dates from html5 datepicker

Is it possible to disable dates when I use I want to disable current date for one scenario and future dates for other scenario. How should I disable the dates?
Seeya K's user avatar
  • 1,281
64 votes
4 answers
87k views

How do I *completely* remove a jQuery UI datepicker?

I've got a date text field I wish to only sometimes attach a DatePicker to, because I have some of my own text-handling scripts which handle partial date strings. Calling .remove or .destroy leaves ...
Groxx's user avatar
  • 2,499
63 votes
13 answers
150k views

Angular bootstrap datepicker date format does not format ng-model value

I am using bootstrap date-picker in my angular application. However when I select a date from that date-picker underlying ng-model that I have bind gets updated I want that ng-model in one date format ...
Jenish Rabadiya's user avatar
63 votes
5 answers
177k views

Trigger function when date is selected with jQuery UI datepicker

How can I trigger onSelect event when I select a selected date on jQuery UI datepicker?
inkwai's user avatar
  • 641
62 votes
10 answers
356k views

How to format date with hours, minutes and seconds when using jQuery UI Datepicker?

Is it possible to format a date with jQuery UI Datepicker as to show hours, minutes and seconds? This is my current mockup: $(function() { $('#datepicker').datepicker({ dateFormat: 'yyy-dd-...
ITChristian's user avatar
  • 11.1k
59 votes
2 answers
151k views

How do I get bootstrap-datepicker to work with Bootstrap 3?

I use the version of bootstrap-datepicker maintained by eternicode (Andrew Rowls). On Bootstrap 2 it worked, but now it doesn't work with the Bootstrap 3 library. How can I get bootstrap-datepicker ...
user2167526's user avatar
59 votes
3 answers
42k views

Is there a way to localize input type="date" in HTML5

I know that at the time of this writing only Opera supports a browser UI for <input type="date" name="mydate"> and maybe my attempts to localize this field have been met with frustration ...
lambacck's user avatar
  • 9,896
58 votes
7 answers
110k views

WPF DatePicker default to today's date

WPF DatePicker always show 'Show Calendar' by default. I want it to show current/todays date. How do I do that. I tried doing something like the below in the constructor but it won't work, datePicker....
developer's user avatar
  • 5,368
56 votes
7 answers
43k views

DatePicker shows wrong value of month

I have a problem in DatePicker in android when I use getMonth() method then it will return a wrong value. For example: DatePicker datepicker=new DatePicker(); int day=date.getDayOfMonth(); int ...
Alok Kumar's user avatar
56 votes
3 answers
41k views

Always visible jQuery UI DatePicker

How can I use jQuery UI to display an always-visible datepicker widget?
Piotr G's user avatar
  • 579
56 votes
5 answers
68k views

Is there any good and free Date AND Time Picker available for Java Swing? [closed]

Is there any good and free Date AND Time Picker available for Java Swing? There are a lot date pickers available but no date AND time picker. This is the closest I came across so far: Looking for a ...
user avatar
55 votes
13 answers
206k views

How to get the selected date value while using Bootstrap Datepicker?

Using jquery and the Bootstrap Datepicker, how do I get the new date value I selected using the Bootstrap Datepicker? FYI, I'm using Rails 3 and Coffescript. I set up the datapicker using: <...
Ryan's user avatar
  • 11.4k
55 votes
12 answers
48k views

Unobtrusive validation in Chrome won't validate with dd/mm/yyyy

I'm trying to use the simplest possible scenario using a date picker in different browsers. I suspect I'm doing something very simple the wrong way but after lots of searching around I still haven't ...
sipsorcery's user avatar
  • 30.5k
55 votes
7 answers
307k views

Set initial value in datepicker with jquery?

I'm trying to set an initial value in my jquery ui datepicker. I've tried several different ways, but nothing seems to display the date, it's empty. var idag = new Date(); $("#txtFrom").datepicker("...
kaze's user avatar
  • 4,349
54 votes
10 answers
115k views

Changing the string format of the WPF DatePicker

I need to change the string format of the DatePickerTextBox in the WPF Toolkit DatePicker, to use hyphens instead of slashes for the seperators. Is there a way to override this default culture or the ...
benPearce's user avatar
  • 38.1k
54 votes
9 answers
77k views

Get date from datepicker using dialogfragment

I'm using the google example to insert a datepicker inside my app using a dialogfragment http://developer.android.com/guide/topics/ui/controls/pickers.html But I'm not sure how to get date after set ...
Gonzalo Cao's user avatar
  • 2,396
54 votes
10 answers
164k views

Twitter Bootstrap date picker

How can I use the Twitter Bootstrap date picker? I used the code below but its not working. <html> <head> <title>DatePicker Demo</title> <script src="js/jquery-...
Sangram Anand's user avatar
54 votes
7 answers
62k views

Is there any lightweight JavaScript date picker? [closed]

I am using the jQuery Date picker, but it is too heavy, the minified version of ui.datepicker.min.js is 44 KB. The images of datepicker have their own weight. The jQuery framework is 59 KB. And the ...
Zain Shaikh's user avatar
  • 6,033
54 votes
6 answers
70k views

Angular UI DatePicker adjusting for timezone

I have a date stored as a Date in SQL Server. The date shows 4/24/2014 when I query in SQL. That is correct. The date is correctly brought over to the client side in UTC. To edit that date we're using ...
Brian's user avatar
  • 1,796
53 votes
8 answers
69k views

Datepicker returning uncaught typeError: undefined 'currentDay'

I've been using jQuery UI with Bootstrap and I seem to run into a problem that I haven't had before. I'm not sure what has changed; I've tried setting back different version of jQuery and I didn't ...
Bjorn 'Bjeaurn' S's user avatar
53 votes
8 answers
227k views

jQuery datepicker, onSelect won't work

I can't get onSelect working on my jQuery datepicker. Heres my code: <script type="text/javascript"> $(function() { $('.date-pick').datePicker( { onSelect: function(date) { ...
Tommy Jakobsen's user avatar
53 votes
19 answers
78k views

day incorrect in angular material datepicker

When I select a date I see the correct date in the field but, when I save, the datepicker send the day before the date I have selected ( 3 hours offset ) i am using angular reactive form and ...
Motaz Homsi's user avatar
53 votes
8 answers
96k views

jQuery datepicker- 2 inputs/textboxes and restricting range

I am using the jQuery Datepicker widget with two input boxes, one for the "From" date and the second with the "To" date. I am using the jQuery Datepicker functional demo as a basis for getting the two ...
Russ Cam's user avatar
  • 125k

1
2 3 4 5
339