Best datepicker plugin download link - https://github.com/t1m0n/air-datepicker
Second One - http://keith-wood.name/datepick.html
Third &best one - http://xdsoft.net/jqplugins/datetimepicker/
<code>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/>
<style type="text/css">
.custom-date-style {
background-color: red !important;
}
.input{
}
.input-wide{
width: 500px;
}
</style>
</head>
<body>
<h3>DatePicker</h3>
<input type="text" id="datetimepicker2" value="<?php echo date('d/m/Y', strtotime('24-07-2012')); ?>" /><br><br>
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.full.js"></script>
<script type="text/javascript">
//$.datetimepicker.setLocale('en');
$('#datetimepicker2').datetimepicker({
//yearOffset:222,
lang:'en',
timepicker:false,
format:'d/m/Y',
formatDate:'Y/m/d',
minDate:'1950/01/02', // yesterday is minimum date
maxDate:'2050/01/02' // and tommorow is maximum date calendar
});
</script>
</body>
</html>
</code>
Second One - http://keith-wood.name/datepick.html
Third &best one - http://xdsoft.net/jqplugins/datetimepicker/
<code>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/>
<style type="text/css">
.custom-date-style {
background-color: red !important;
}
.input{
}
.input-wide{
width: 500px;
}
</style>
</head>
<body>
<h3>DatePicker</h3>
<input type="text" id="datetimepicker2" value="<?php echo date('d/m/Y', strtotime('24-07-2012')); ?>" /><br><br>
<script src="jquery.js"></script>
<script src="jquery.datetimepicker.full.js"></script>
<script type="text/javascript">
//$.datetimepicker.setLocale('en');
$('#datetimepicker2').datetimepicker({
//yearOffset:222,
lang:'en',
timepicker:false,
format:'d/m/Y',
formatDate:'Y/m/d',
minDate:'1950/01/02', // yesterday is minimum date
maxDate:'2050/01/02' // and tommorow is maximum date calendar
});
</script>
</body>
</html>
</code>
No comments:
Post a Comment