Custom Datepicker NMR
Contact Form 7 offers users standard HTML5 controls to input data, like text input and input type=”date”. The browser will not format the date text in a date format you might choose This plugin allows Contact Form 7 to use jQuery UI Datepicker where date format can be set or changed. This plugin requires jquery, jquery ui and contact form 7. Use format, min or max to configure it. [datepicker* myFirstDatepicker id:myFirstDatepicker format:dd.mm.yy min:2022-06-06 max:2022-08-08] Want more? Custom Datepicker Plus NMR adds: Exclude specific dates, date ranges, or entire weekdays — nmrexclude, nmrexcludeweekdays Pull blocked dates dynamically from a Custom Post Type — nmrexcludecpt Relative min/max — min:+1 max:+30, min:today Multi-date selection with optional cap — multiselect maxselect:3 Linked start/end date range fields — nmrrangepair Timepicker tag — [timepickerplus] with min/max/step Auto-select first available date — firstopen Conditional show/hide of other CF7 fields — nmrshowfield / nmrhidefield Custom validation error messages per field Global settings page (date format, year range, first day of week) Docs & Support Check the support forum on WordPress.org. If you can’t locate any topics that pertain to your particular issue, post a new topic for it. Custom Datepicker NMR Needs Your Support It is hard to continue development and support for this free plugin without contributions from users like you. If you enjoy using Custom Datepicker NMR and find it useful, please consider making a donation. Your donation will help encourage and support the plugin’s continued development and better user support. Privacy Notices With the default configuration, this plugin, in itself, does not: track users by stealth; write any user personal data to the database; send any data to external servers; use cookies.
Masks Form Fields
Add a class in the form field. Example of use with Contact Form 7: [tel your-phone class:phone placeholder "Phone"] Listing of classes available for use. ('span.start, input.start').mff_mask('00/0000'); ('span.date, input.date').mff_mask('00/00/0000'); ('span.time, input.time').mff_mask('00:00:00'); ('span.time2, input.time2').mff_mask('00:00'); ('input.date_time').mff_mask('00/00/0000 00:00:00'); ('input.date_time2').mff_mask('00/00/0000 00:00'); ('input.cep').mff_mask('00000-000', { clearIfNotMatch: true }); ('input.zip').mff_mask('00000'); ('input.phone, input[name="phonebr"]').mff_mask(PhoneMaskBehavior, nonoOptions); ('input.phone_us').mff_mask('(000) 000-0000'); ('input.taxid').mff_mask('00-0000000'); ('input.ssn').mff_mask('000-00-0000'); ('input.mixed').mff_mask('AAA 000-S0S'); ('input.cpf').mff_mask('000.000.000-00', { reverse: true, clearIfNotMatch: true }); ('input.cnpj').mff_mask('00.000.000/0000-00', { reverse: true, clearIfNotMatch: true }); ('input.money').mff_mask('000.000.000.000.000,00', { reverse: true }); ('input.money2').mff_mask('#.##0,00', { reverse: true }); ('input.money3').mff_mask('#,##0.00', { reverse: true }); ('input.money4').mff_mask('000,000,000,000,000.00', { reverse: true }); ('input.money5').mff_mask('#.##0', { reverse: true }); ('input.money6').mff_mask('#,##0', { reverse: true }); ('input.ip_address').mff_mask('099.099.099.099'); ('input.percent').mff_mask('##0,00%', { reverse: true }); ('input.percent2').mff_mask('##0.00%', { reverse: true }); ('input.percent3').mff_mask('990,0%', { reverse: true }); ('input.percent4').mff_mask('990.0%', { reverse: true }); ('input.percent5').mff_mask('#,##0%', { reverse: true }); ('input.percent6').mff_mask('#.##0%', { reverse: true }); Click here for more details on how to add custom mask. Optional – Added option for the format of the Brazilian phone number, with attribute name equal to phonebr. Credits jQuery Mask Plugin
