Skip to content

All topics  /  jQuery

Change Date Format of jQuery UI Datepicker to dd/mm/yy

jQuery ·

This article will provide some of the most important example jquery ui datepicker format dd/mm/yyyy. if you have question about jquery ui calendar date format then i will give simple example with solution. We will look at example of jquery ui datepicker date format dd mm yyyy. We will look at example of jquery ui datepicker value format.

Solution :


$("#txtDate").datepicker({ dateFormat: 'dd/mm/yy' })

Example : 

<html>
<head>
<title>jquery ui datepicker format dd/mm/yyyy</title>
<link type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style type="text/css">
.ui-datepicker { font-size:8pt !important}
</style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="demo">
            <b>Date:</b> <input type="" name="" ID="txtDate" runat="server"/>
        </div>
        <script type="text/javascript">
            $(function() {
                $("#txtDate").datepicker({ dateFormat: 'dd/mm/yy' });
            });
        </script>
    </form>
</body>
</html>

It will help you...

More on this topic