wow/codeable-datepicker-widget

Adds a "Date Field" widget that utilizes jQuery UI Datepicker.

Installs: 6

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 3

Forks: 0

Open Issues: 0

Type:wordpress-plugin

dev-master 2016-09-16 05:29 UTC

This package is not auto-updated.

Last update: 2025-01-18 22:14:49 UTC


README

Installation

Copy the plugin into your wp-content/plugins/ directory, and then login to your WP Admin, go to Plugins , find Codeable Date Field and click Activate

Plugin Screen

If you wish to use composer you can add a dependency for our plugin from WPackagist at https://packagist.org/packages/wow/codeable-datepicker-widget

Usage

Once activated, visit Appearance -> Widgets and you will see a Codeable - Date Field widget that you can drag into your various Sidebar and Footer areas. Once added, you'll see a screen with all of the widget options.

Widget Added

You are presented first with a dropdown menu titled Formatting Options.... The quickest way to get up and running is to select a Commonly Used Date Format section inside this dropdown list. This will populate the date formatter text field below it with letters which tell the Date Field how the date should appear.

Under the Build Your Own section inside the dropdown list, you'll see all of the individual date components. You can select one and it will insert it into the date formatter text field as well. Use this to fine-tune your Date Field format.

Fine Tune

Below that you will see the Datepicker Preview input. Clicking on this input will bring up a Datepicker with the date formatted as you specified in the above section.

Datepicker Preview

Finally, the HTML Attributes Section allows you to specify the <input>'s name, class, and id attributes.

HTML Attributes

Entering number2 for the id, two for the classname, and second, for the name will produce this Datepicker Field on your website:

<input id="number2" class="two" type="text" name="second">