jQuery UI DatePicker 仅显示月日

Question

jQuery UI DatePicker 显示月日 only.Where 用户只能 select 月和日 (mm/dd)。日期选择为 mm/dd 格式

Answer 1

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

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

Answer 2

您是否希望渲染日历以仅显示月和日？或者您只是想从日历中获取月份和日期？

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

// 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

如果您只想为用户呈现月份和日期 select。我会考虑使用 moment.js 创建一个 table 或其他东西。

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 仅显示月日

jQuery UI DatePicker to show month day only

jquery

jquery-ui-datepicker