Title: Date Picker problem
Last modified: August 21, 2016

---

# Date Picker problem

 *  [MJ](https://wordpress.org/support/users/mardie/)
 * (@mardie)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/)
 * I notice that the date picker does not work on all browsers. I don’t think its
   a plugin conflict coz I disabled/enabled all plugins. Does anyone also have this
   problem? And is there a fix for this?
 * Thanks
 * [http://wordpress.org/extend/plugins/contact-form-7/](http://wordpress.org/extend/plugins/contact-form-7/)

Viewing 15 replies - 1 through 15 (of 31 total)

1 [2](https://wordpress.org/support/topic/date-picker-problem/page/2/?output_format=md)
[3](https://wordpress.org/support/topic/date-picker-problem/page/3/?output_format=md)
[→](https://wordpress.org/support/topic/date-picker-problem/page/2/?output_format=md)

 *  [breeze76](https://wordpress.org/support/users/breeze76/)
 * (@breeze76)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730375)
 * How do you even get the date picker to work? I cannot figure that one out..
 *  Thread Starter [MJ](https://wordpress.org/support/users/mardie/)
 * (@mardie)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730378)
 * You “generate tag” then choose “date” from the drop down menu. See screenshot:
   [http://wordpress.org/extend/plugins/contact-form-7/screenshots/](http://wordpress.org/extend/plugins/contact-form-7/screenshots/)
 * Anyway, this date tag has been working before. Not sure if its the latest wordpress
   update that caused this not to work.
 *  [breeze76](https://wordpress.org/support/users/breeze76/)
 * (@breeze76)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730379)
 * I got it, I did not know that I needed to get the plugin for the date picker..
   got it and it works.. Thanks…
 *  [breeze76](https://wordpress.org/support/users/breeze76/)
 * (@breeze76)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730382)
 * How and where do I format the date field size? I tried it in mt CSS where I have
   the rest of the form formatted but the date field will not take.
 *  Thread Starter [MJ](https://wordpress.org/support/users/mardie/)
 * (@mardie)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730465)
 * You have to add a class first. When you generate there’s this input for class,
   you should put it there. And the output would be something like this:
    [date 
   date-938 **class:myclass**]
 * The bold letters are added as class after the name of the date input. Now with
   a class, you can style it via css
 *  [breeze76](https://wordpress.org/support/users/breeze76/)
 * (@breeze76)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730469)
 * MegaToon Tv, It was styling with my css but the width was not, so I with the 
   help of the plugin creator, he mentioned to me about setting in the setup of 
   the field.. so, instead of formatting the width in the css I just do it in the
   setup, I wish it would just take in my css, I hate having to either code each
   field like you mentioned or having to set it for the fields that needs to be 
   specific… thanks for the info though will keep that in mind, to bad it could 
   not be a global or automatic thing…
 *  Thread Starter [MJ](https://wordpress.org/support/users/mardie/)
 * (@mardie)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730533)
 * I think sometimes its global, depending on your theme. Check on your stylesheet
   if you have something like:
 * `input.textfield, textarea {width:500px;}`
 * you could always add width using code above. Sometimes it might be:
    .entry-content
   input
 * If you can’t find any, then you can use the code above
 *  [netistix](https://wordpress.org/support/users/netistix/)
 * (@netistix)
 * [13 years ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730536)
 * The Date tag works in Chrome but not in IE9. I am waiting patiently for an IE9
   fix.
 *  [witchdoc](https://wordpress.org/support/users/witchdoc/)
 * (@witchdoc)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730562)
 * Same – can’t get it working in Safari or FF either. Everything is updated to 
   latest too. Need fix, please!
 *  [Evdberg](https://wordpress.org/support/users/evdberg/)
 * (@evdberg)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730597)
 * I have the same issue – Date tag works in Chrome and Safari but not in IE9.
    
   Any News on a fix ?
 *  [markob83](https://wordpress.org/support/users/markob83/)
 * (@markob83)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730599)
 * I was having the same problem so I used the [jQuery UI Datepicker.](http://jqueryui.com/datepicker/)
 * It’s pretty easy to use. Just download and upload jquery-ui.css/jquery-ui.js 
   to your wp theme and add this script to your footer or header –
 *  `<script>
    $(document).ready(function(){ $(‘.datepicker’).datepicker({ autoclose:
   true }); }); </script>`
 * After that, go to CF7 and generate a text-field and assign the class “datepicker”.
 * You will now have a working datepicker in your contact form that works in chrome,
   ie, ff, and safari.
 * [Example](http://theme.minnebyte.com/eviction/)
 *  [dewetvanrensburg](https://wordpress.org/support/users/dewetvanrensburg/)
 * (@dewetvanrensburg)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730601)
 * Thanks for the solution markob83, but I can’t get it to work.
    I downloaded the
   following files :
 * [http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css](http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css)
   
   [http://code.jquery.com/jquery-1.9.1.js](http://code.jquery.com/jquery-1.9.1.js)
   [http://code.jquery.com/ui/1.10.3/jquery-ui.js](http://code.jquery.com/ui/1.10.3/jquery-ui.js)
 * I uploaded the js files to the location all my other js files are saved, and 
   did the same with the css file.
 * I then added the code you provided to my header file, and created a new text 
   field, and assigned the class “datepicker” – but I just get a normal text field
   when visiting the page.
 * Any help would be appreciated.
 *  [markob83](https://wordpress.org/support/users/markob83/)
 * (@markob83)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730602)
 * Can you provide a link to your site?
 *  [markob83](https://wordpress.org/support/users/markob83/)
 * (@markob83)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730604)
 * [@dewetvanrensburg](https://wordpress.org/support/users/dewetvanrensburg/) delete
   everything you added. I created a plugin to help you out. You can download it
   [here ](http://www.minnebyte.com/cf7-datepicker.zip)
 * Install and activate the plugin and generate a text field with “cf7-datepicker”
   as the id.
 * example –
 * [text text-589 id:cf7-datepicker]
 *  [dewetvanrensburg](https://wordpress.org/support/users/dewetvanrensburg/)
 * (@dewetvanrensburg)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/date-picker-problem/#post-3730605)
 * [@markob83](https://wordpress.org/support/users/markob83/)
    Thank you so much
   for your reply – I deleted everything I added, and downloaded and installed the
   plugin – but still no joy. Here is a link to my form : [http://dewetvanrensburg.me/sites/expert/central-kalahari/](http://dewetvanrensburg.me/sites/expert/central-kalahari/)
   I only tested in Chrome and Firefox, but the datepicker is not working, and I
   also can’t enter any text to the newly added text field.
 * Again, any help and/or suggestion would be appreciated.

Viewing 15 replies - 1 through 15 (of 31 total)

1 [2](https://wordpress.org/support/topic/date-picker-problem/page/2/?output_format=md)
[3](https://wordpress.org/support/topic/date-picker-problem/page/3/?output_format=md)
[→](https://wordpress.org/support/topic/date-picker-problem/page/2/?output_format=md)

The topic ‘Date Picker problem’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [date picker](https://wordpress.org/support/topic-tag/date-picker/)

 * 31 replies
 * 15 participants
 * Last reply from: [bcplteam](https://wordpress.org/support/users/bcplteam/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/date-picker-problem/page/3/#post-3730650)
 * Status: not resolved