jquery - 只允许日期选择器中的某一天

Question

我的要求有点奇怪，但我不能没有。我有一个 jquery 日期选择器，用户应该能够选择任何年份、任何月份，但只能选择该月的 21 日。我试过了

$( "#t_funin_teate_shikyu_change_dt" ).datepicker({
    beforeShowDay: function(date){
      var dt = date.getDate();
      return [dt == 21, ""];
    },
    language: "ja",
    orientation: "bottom auto",
    toggleActive: true,
    autoclose: true,
});

不走运..非常感谢任何帮助

Answer 1

试试这个:

$(function(){
    $("input").datepicker(
        {
        beforeShowDay: function (date) {
        if (date.getDate() == 21 ) {
            return [true, ''];
        }
        return [false, ''];
        }
        }

    );
});

<强> JSFIDDLE DEMO

编辑:

如果您不想看到 21 日以外的日期并对其进行硬编码，那么您可以尝试这样

$(function() {
    $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'mm/dd/yy',
        onClose: function(dateText, inst) { 
            var day = 21;
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, day));
        }
    });
});

<强> DEMO