<!doctype html><htmllang="en"><head><metacharset="utf-8"><metaname="viewport"content="width=device-width, initial-scale=1"><title>jQuery UI Datepicker - Populate alternate field</title><linkrel="stylesheet"href="../../themes/base/all.css"><linkrel="stylesheet"href="../demos.css"><script src="../../external/requirejs/require.js"></script><script src="../bootstrap.js">$("#datepicker").datepicker({altField:"#alternate",altFormat:"DD, d MM, yy"});</script></head><body><p>Date: <inputtype="text"id="datepicker"> <inputtype="text"id="alternate"size="30"/></p><divclass="demo-description"><p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options. This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p></div></body></html>