web-dev-qa-db-ja.com

jQuery datepicker mindate、maxdate

次の2つのdatepickerオブジェクトがありますが、minDateオプションとmaxDateオプションで行き詰まっているので、必要なものを取得できません。

これは日付を将来の日付に制限するためです。

欲しいもの:現在の日付から30年の日付に制限します。

取得するもの:日付を現在の日付から10年に制限します。

$(".datepickerFuture").datepicker({
    showOn: "button",
    buttonImage: 'calendar.gif',
    buttonText: 'Click to select a date',
    duration:"fast",
    changeMonth: true,
    changeYear: true,
    dateFormat: 'dd/mm/yy',
    constrainInput: true,
    minDate: 0,
    maxDate: '+30Y',    
        buttonImageOnly: true
    });

これは過去の日付のみを選択するように制限することです

欲しいもの:現在の日付から120年前の日付に制限します。

取得するもの:日付を現在の日付から120年前の時間に制限しますが、年を選択すると、最大年は選択した年にリセットされます(例:フレッシュからのページロードが1890の場合に取得されるもの) -2010、ただし2000を選択すると、年の選択ボックスは1880-2000にリセットされます)。

$(".datepickerPast").datepicker({
    showOn: "button",
   buttonImage: 'calendar.gif',
    buttonText: 'Click to select a date',
    duration:"fast",
    changeMonth: true,
    changeYear: true,
    dateFormat: 'dd/mm/yy',
    constrainInput: true,
    yearRange: '-120:0',
    maxDate: 0,
    buttonImageOnly: true
});

私は両方のdatepickerオブジェクトの助けが必要です、どんな助けも非常にいただければ幸いです。

18
Amra

Jqueryライブラリーが少々古かった問題を修正しました。

このソリューションに興味のある方は、 ここ を確認してください。

6
Amra
$("#datepick").datepicker({
            changeMonth: true,
            changeYear: true,
            showOn: 'button',
            buttonImage: 'images/calendar.gif',
            buttonImageOnly: true,
            dateFormat: 'dd/mm/yy',
            minDate: '-100Y',
    maxDate: '-1Y', 
    yearRange: '-100',

        });
22
Egglabs

示されているように、+ 30年は正常に動作するはずです here

-120年間は、逆にするだけです ここ

1
Neil Aitken

現在の日付から1年までを表示するには= maxDate: '+ 1Y'、現在の日付から30日までを表示するには= maxDate: '+ 30D'、

1
Dinesh