lixin-web
Version:
vue and bootstrap
40 lines • 1.61 kB
HTML
<html dir="ltr" lang="en-US">
<head>
<meta charset="UTF-8" />
<title>A date range picker for Bootstrap</title>
<link rel="stylesheet" type="text/css" media="all"
href="daterangepicker-bs3.css" />
<script type="text/javascript" src="core.js"></script>
<script type="text/javascript" src="daterangepicker.js"></script>
</head>
<body>
<input id="reservation" type="text" />
<script type="text/javascript">
$(document).ready(function() {
var optionSet1 = {
format: 'YYYY-MM-DD',
separator: ' to ',
ranges: {
'今天': [moment(), moment()],
'三天': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'七天': [moment().subtract(6, 'days'), moment()]
},
locale: {
applyLabel: '确认',
cancelLabel: '清除',
fromLabel: '开始',
toLabel: '结束',
customRangeLabel: '自定义日期',
daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
firstDay: 1
}
};
$('#reservation').daterangepicker(optionSet1, function(start, end, label) {
console.log(start.toISOString(), end.toISOString(), label);
});
});
</script>
</body>
</html>