mirror of
https://github.com/frappe/air-datepicker.git
synced 2026-01-14 11:01:22 +08:00
67 lines
2.0 KiB
HTML
67 lines
2.0 KiB
HTML
<!doctype html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Datepicker</title>
|
|
<link rel="stylesheet" href="page/css/style.css"/>
|
|
<link rel="stylesheet" href="dist/css/datepicker.css"/>
|
|
<script type="text/javascript" src="vendor/jquery/dist/jquery.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="contents">
|
|
<article>
|
|
<div class="calendar"></div>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<input type="text" name="start" placeholder="Start"/>
|
|
<input type="text" name="end" placeholder="End"/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<button>Update</button>
|
|
|
|
|
|
</article>
|
|
</div>
|
|
<script type="text/javascript" src="dist/js/datepicker.js"></script>
|
|
<script type="text/javascript" src="dist/js/i18n/datepicker.en.js"></script>
|
|
<script type="text/javascript">
|
|
var $start = $('[name="start"]'),
|
|
$end = $('[name="end"]').hide();
|
|
|
|
$start.datepicker({
|
|
inline: true,
|
|
onSelect: function (format, date) {
|
|
$end.data('datepicker')
|
|
.update('minDate', date)
|
|
}
|
|
}).data('datepicker').show()
|
|
$end.datepicker({
|
|
position: 'right top',
|
|
onSelect: function (format, date) {
|
|
$start.data('datepicker')
|
|
.update('maxDate', date)
|
|
}
|
|
})
|
|
|
|
$('button').on('click', function () {
|
|
$start.data('datepicker').update({
|
|
language: 'en'
|
|
})
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |