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.
datepicker
16,930
questions
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 ...
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 ...
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 ...
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' }...
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 ...
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 ...
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 (...
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 ...
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 ...
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....
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 ...
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://...
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:...
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() {
...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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=...
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) {
...
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 ...
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 ...
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 ...
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 ...
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 ...
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?
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 ...
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 ...
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?
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-...
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 ...
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 ...
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....
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 ...
56
votes
3
answers
41k
views
Always visible jQuery UI DatePicker
How can I use jQuery UI to display an always-visible datepicker widget?
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 ...
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:
<...
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 ...
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("...
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 ...
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 ...
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-...
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 ...
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 ...
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 ...
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) {
...
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 ...
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 ...