如何解决在 Fomantic UI 日历中显示接下来的 30 天
我正在尝试在 Fomantic Calendar Widget 中显示接下来的 30 天。 此外,我只使用来自 Fomantic 的日历小部件,而其他使用语义 ui。 不幸的是,它只显示了当月。
到目前为止我是这样实现的:
...
<head>
<link rel="stylesheet" type="text/css" href="/static/semantic/semantic.min.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="/static/semantic/semantic.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/semantic/floating.css">
<link rel="stylesheet" type="text/css" href="/static/semantic/components/calendar.css">
</head>
<body>
...
<div class="ui calendar" id="inline_calendar">
</div>
JS 是:
<script>
var today = new Date();
$(document).ready(function(){
$('#inline_calendar').calendar(
{
minDate: new Date(today.getFullYear(),today.getMonth(),today.getDate()),maxDate: new Date(today.getFullYear(),today.getDate() + 14),disabledDaysOfWeek: [7],type: 'date',multiMonth: true,ampm: false,formatter: {
date: function (date,settings) {
if (!date) return '';
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();
return 'slot/' + year + '/' + month + '/' + day + '/';
}
},onChange: function (date,text) {
var newValue = text;
window.location.replace('/booking/'+newValue)
},}
);
});
</script>
<script src="/semantic/components/calendar.js"></script>
结果如下,而不是显示接下来的 30 天:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。