我在我的项目中使用了JQuery DatePicker,除了它在屏幕上的实际布局外,它非常有效。我将日期范围限制为 60 天,因此显然将日历限制为 4 个月。问题是它的显示长度并且超出了浏览器,所以我想知道是否有办法实际更改显示:
月份 |月份 |月份 |月
自
月份 |月
月份 |月
以下是我目前使用的代码:
$(function(){
$('#dp').datepicker({
dateFormat: 'yymmdd',
numberOfMonths: 4,
minDate: 0,
maxDate: 60,
});
$('#date').on('click', function() {
$('#dp').datepicker('show');
});
$("#dp").change(function() {
var tempDate = $('#dp').datepicker('getDate');
var newformattedDate = $.datepicker.formatDate('D d M yy', tempDate);
$("#showDate").html(newformattedDate);
$(".eventDate").addClass('eventAdded dateProvided');
});
});
只需查看numberOfMonths
的文档:
月数
- 类型:
Number
或Array
- 默认值:
1
一次显示的月数。支持多种类型:
Number
:要在单行中显示的月数。Array
:定义要显示的行数和列数的数组。代码示例:
使用指定的月数选项初始化日期选取器:
$( ".selector" ).datepicker({ numberOfMonths: [ 2, 3 ] });