JQuery DatePicker UI 显示格式

JQuery DatePicker UI display format

本文关键字：显示格式 UI DatePicker JQuery      更新时间：2023-09-26

我在我的项目中使用了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 ] });
相关文章：