datatables.net-datetime/examples/initialisation/buttons.xml

DateTime picker for DataTables.net

<?xml version="1.0" encoding="UTF-8" ?>
<dt-example table-type="html" table-class="display nowrap" order="6">

<css lib="datetime"/>

<js lib="datatables datetime">
<![CDATA[

new DateTime(document.getElementById('test'), {
	buttons: {
		clear: true,
		today: true,
		selected: true
	}
});

]]>
</js>

<title lib="DateTime">Action buttons (clear, today and selected)</title>

<info><![CDATA[

DateTable offers two built in buttons which can help make it easier for the end user to navigate around the calendar:

* `de-init buttons.clear` - clear the current value.
* `de-init buttons.selected` - change the display to show the month for the selected date.
* `de-init buttons.today` - change the display to show today's date (but without changing the value)

This example shows both buttons enabled.

]]></info>

<custom-table>
    <input id="test" type="text" value="2026-01-30" />
</custom-table>

</dt-example>