jQuery: datepicker - Calendar activated by the icon and the date field at the same time

Posted by Ricardo Zea on Stack Overflow See other posts from Stack Overflow or by Ricardo Zea
Published on 2010-04-20T17:43:00Z Indexed on 2010/04/20 17:43 UTC
Read the original article Hit count: 275

Filed under:

jQuery

|

datepicker

Hello, I've already looked around but couldn't find the exact solution/problem I'm having right now.

All I want is to have the calendar appear either by clicking on the calendar icon AND from the text field in which the date appears when selecting a date. Right now, after trying different properties, I can only have the calendar appear by one or the other, but not both: the icon and the field.

This is the code I'm using to activate it via the icon:

$("#datepicker").datepicker({

showOn: 'button', buttonImage: 'images/icon-calendar.gif', buttonImageOnly: true, changeMonth: true, changeYear: true, showAnim: 'slideDown', duration: 'fast' });

Is there a way to have the calendar appear by clicking on the icon AND the field as well?

Thanks.

© Stack Overflow or respective owner

Related posts about jQuery

Microsoft and jQuery

as seen on West-Wind - Search for 'West-Wind'
The jQuery JavaScript library has been steadily getting more popular and with recent developments from Microsoft, jQuery is also getting ever more exposure on the ASP.NET platform including now directly from Microsoft. jQuery is a light weight, open source DOM manipulation library for JavaScript that… >>> More
An Introduction to jQuery Templates

as seen on Stephen Walter - Search for 'Stephen Walter'
The goal of this blog entry is to provide you with enough information to start working with jQuery Templates. jQuery Templates enable you to display and manipulate data in the browser. For example, you can use jQuery Templates to format and display a set of database records that you have retrieved… >>> More
Ajax Control Toolkit December 2013 Release

as seen on Stephen Walter - Search for 'Stephen Walter'
Today, we released a new version of the Ajax Control Toolkit that contains several important bug fixes and new features. The new release contains a new Tabs control that has been entirely rewritten in jQuery. You can download the December 2013 release of the Ajax Control Toolkit at http://Ajax.CodePlex… >>> More
jQuery show "loading" during slow operation

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to show a small loading image during a slow operation with jQuery and can't get it right. It's a BIG table with thousands of rows. When I check the "mostrarArticulosDeReferencia" checkbox it removes the "hidden" class from these rows. This operation takes a couple of seconds and I want… >>> More
Tracking download of non-html (like pdf) downloads with jQuery and Google Analytics

as seen on Developer IT - Search for 'Developer IT'
Hi folks, it’s been quite calm at Developer IT’s this summer since we were all involved in other projects, but we are slowly comming back. In this post, we will present a simple way of tracking files download with Google Analytics with the help of jQuery. We work for a client that offers… >>> More

Related posts about datepicker

jquery datepicker: alert when certain days are clicked on the jquery datepicker

as seen on Stack Overflow - Search for 'Stack Overflow'
i have a certain dates that come from database and want to block those dates from selecting, how would i do that? like Alert when certain days are clicked on the jquery datepicker? i am using asp.net C#. and pass the dates from server side to client? any help? >>> More
jQuery UI " $("#datepicker").datepicker is not a function"

as seen on Stack Overflow - Search for 'Stack Overflow'
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 uses the DatePicker to an html file that's also in the same directory as the aspx page, it works flawlessly… >>> More
jQuery Datepicker - Programatically Limit Second Datepicker

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello all, I've recently been using the following piece of code to limit my 2nd Date picker (end date) so that it does not precede the date of the 1st Date picker. $("#datepicker").datepicker({ minDate: +5, maxDate: '+1M +10D', onSelect: function(dateText, inst){ var the_date =… >>> More
JQuery datepicker defaultdate from another datepicker

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I have several jquery datepickers on my asp page and I want to set the defaultdate of date picker to be the same as the previous datepicker. I am currently using defaultDate: document.getElementById('<%=txtFirstDate.ClientID%>').value This works okay, but obviously errors if firstDate… >>> More
JQuery DatePicker - pop calendar dialog on 'OnSelect' of another datepicker

as seen on Stack Overflow - Search for 'Stack Overflow'
I have two JQuery datepickers to select 'StartDate' and 'EndDate'.My requirement is to automatically popup the end date calendar after startDate has been selected. I have tried all the steps in COMMENTED HERE. The code here succesfully triggers the focus of 'EndDate' calendar,but it displays for… >>> More