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

Jqury UI

Nicesnippets

635

20-03-2020


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...


Recommended Posts