Contact Form 7 – Select drop down dates format


On 09-12-2015 code

Contact Form 7 is great, but the format is slightly different than traditional forms. They wrap everything in quotes and it runs horizontal. So when it comes to dates, it can be quite tedious adding all that info in a format that isn’t easily accessible through a Google Search. In case you don’t want the datepicker and want to use a more traditional drop down for Month, Day, Year.

Here is a quick code to pop into Contact form 7. There are tons of code snippets for the traditional select drop down in HTML for dates but I didn’t find any out there when I was searching for Contact form 7’s format. Hopefully you will find this useful!

[select* menu-month "January" "February" "March" "April" "May" "June" "July" "August" "September" "October" "November" "December"][select* menu-day "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12" "13" "14" "15" "16" "17" "18" "19" "20" "21" "22" "23" "24" "25" "26" "27" "28" "29" "30" "31"][select* menu-year "2015" "2016" "2017" "2018" "2019" "2020"]

Comments