<head>
<link href="css/datepicker.css" rel="stylesheet" type="text/css"></link>
<link href="css/layout.css" media="screen" rel="stylesheet" type="text/css"></link>
<title>DatePicker - jQuery plugin</title>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/datepicker.js" type="text/javascript"></script>
</head>
<body>
<div class="wrapper">
<h1>
Date Picker - jQuery plugin</h1>
<br />
<input class="inputDate" id="inputDate" value="06/02/2016" />
<label id="closeOnSelect"><input type="checkbox" /> Close on selection</label>
<br />
<script>$('#inputDate').DatePicker({
format:'d/m/Y',
date: $('#inputDate').val(),
current: $('#inputDate').val(),
starts: 1,
position: 'r',
onBeforeShow: function(){
$('#inputDate').DatePickerSetDate($('#inputDate').val(), true);
},
onChange: function(formated, dates){
$('#inputDate').val(formated);
$('#inputDate').DatePickerHide();
}
});</script>
</div>
</body>
</html>
Dowload File
No comments :
Post a Comment