Question

jQuery UI DatePicker仅显示月份日。用户只能选择月和日（mm / dd）。并选择日期为mm / dd格式

Answer 1

您可以将属性设置为datepickr，如下所示。

$('#textBoxID').datepicker({ 
     changeMonth: true,
     changeDate: true,
     showButtonPanel: true,
     dateFormat: 'mm/dd' 
});

Answer 2

您是否希望将日历呈现为仅显示月和日？或者您只是想从日历中获取月份和日期？

您可以使用日期格式选项或使用set或获取变量。

// jQuery Date Picker option:     
$('.selector').datepicker({
   dateFormat: 'mm/dd'
});


// Getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );

// Setter
$( ".selector" ).datepicker( "option", "dateFormat", "mm/dd" );

此处的文档。 http://api.jqueryui.com/datepicker/#option-dateFormat

如果您只想渲染用户选择的月份和日期。我会考虑使用moment.js来创建表格。

Answer 3

以下内容仅显示日期选择器的月份和日期部分，并以mm / dd格式显示日期。

$(() => {
  $( "#datepicker" ).datepicker({
    minDate: new Date((new Date()).getFullYear(), 0, 1),
    maxDate: new Date((new Date()).getFullYear(), 11, 31),
    hideIfNoPrevNext: true,
    dateFormat: 'mm/dd'
  });
});

.ui-datepicker-year {
  display: none;
}

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<input id="datepicker" type="text">

jQuery UI DatePicker仅显示月份日

3 个答案: