web-dev-qa-db-ja.com

jQuery DatePicker Min Max日付

JQueryの日付ピッカーを設定して機能していますが、minDateおよびmaxDateオプションの設定についてサポートが必要です。私の現在のコードは以下です（これらのオプションなし）。 defaultDateをdefaultDateの3か月前に、maxDateをdefaultDateの28日後に設定するにはどうすればよいですか？

var expdisp = $("#expdisp").attr("value");

$("#expirydate" ).datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true,
    dateFormat: "dd/mm/yy",
    defaultDate: expdisp,
    showOtherMonths: true,
    selectOtherMonths: true,
    changeMonth: true,
    changeYear: true,
});
jquerydatepickermaxdatemindate
9
Rob
$(function() {

    $( "#datepicker" ).datepicker({ 
        changeYear: true,
        minDate: '-3M',
        maxDate: '+28D',
    });
});

JSFiddleデモ

[〜＃〜]更新[〜＃〜]

デフォルトの日付からツアーの最大日と最小有効日を計算し、それを日付ピッカーに割り当てることができます。

var expdisp = $("#expdisp").attr("value");

$("#expirydate" ).datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true,
    dateFormat: "dd/mm/yy",
    defaultDate: expdisp,
    showOtherMonths: true,
    selectOtherMonths: true,
    changeMonth: true,
    changeYear: true,

    minDate: '-3M',
    maxDate: '+28D',
});

デモの更新

14
MuhammadHani

maxDate：-選択できる最大日付を設定します。日付オブジェクトまたは相対番号を受け入れます。例：+7、または+ 6mなどの文字列。

minDate：-選択できる最小日付を設定します。数値、日付オブジェクト、または文字列を受け入れます。

$(document).ready(function() {
  $("#date").datepicker({
      minDate: -3,
      maxDate: "1w"
  });

}）;

参照：- jquery datepickerに最小日付と最大日付を設定

2
ramsurya

特定の日付範囲を使用することもできます。 + 14Dの最大の最小開始日を追加しました。日付形式と一貫性を保ち、MM/DD/YYYYの間で「-」の代わりに「/」を使用することを覚えておく必要があります。

$('#Date').datepicker({
  changeMonth: true,
  minDate: '10/19/2016',
  maxDate: '+14D',
});
0
Jason

あなたが試すことができます：

var expdisp = $("#expdisp").attr("value");

$("#expirydate" ).datepicker({
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true,
    dateFormat: "dd/mm/yy",
    defaultDate: expdisp,
    showOtherMonths: true,
    selectOtherMonths: true,
    changeMonth: true,
    changeYear: true,

    minDate: -3M,
    maxDate: +28D
});
0
SteveW
$(document).ready(function () {
    $('input[id$=tbDate]').datepicker({   
        dateFormat: 'dd-mm-yy',
         minDate: '-0D',
         maxDate: '+28D',
    });
});
0
Vinesh Winslet