web-dev-qa-db-ja.com

Jquery Ui Datepickerで今日以降の将来の日付を無効にする

Jquery Ui Datepickerで今日以降のすべての日付を無効にしたい

デモ ：

コード：

$( "#start_date" ).datepicker(

        { 
            maxDate: '0', 
            beforeShow : function()
            {
                jQuery( this ).datepicker('option','maxDate', jQuery('#end_date').val() );
            },
            altFormat: "dd/mm/yy", 
            dateFormat: 'dd/mm/yy'

        }

);

$( "#end_date" ).datepicker( 

        {
            maxDate: '0', 
            beforeShow : function()
            {
                jQuery( this ).datepicker('option','minDate', jQuery('#start_date').val() );
            } , 
            altFormat: "dd/mm/yy", 
            dateFormat: 'dd/mm/yy'

        }

);
javascriptjqueryjquery-uidatepicker
25
Hassan Sardar

これを試して

 $(function() {
  $( "#datepicker" ).datepicker({  maxDate: new Date() });
 });

または、次のように使用してこれを達成できます。

$(function() {
  $( "#datepicker" ).datepicker({  maxDate: 0 });
});

参照

[〜＃〜] demo [〜＃〜]

更新された回答

75
Amit

これは私のために働いたendDate: "today"

  $('#datepicker').datepicker({
        format: "dd/mm/yyyy",
        autoclose: true,
        orientation: "top",
        endDate: "today"

  });

[〜＃〜] source [〜＃〜]

5
Dnyaneshwar Harer

私の場合、この属性を入力タグに与えました

data-date-start-date="0d" data-date-end-date="0d"

4
Megamind

あなたは単にこれを行うことができます

$(function() {
    $( "#datepicker" ).datepicker({  maxDate: new Date });
  });

JSFiddle

参考： documentation を確認していると、数値も受け入れられることがわかりました。

Number：今日からの日数。たとえば、2は今日から2日を表し、-1は昨日を表します。

そう 0は今日を表します。したがって、あなたもこれを行うことができます

 $( "#datepicker" ).datepicker({  maxDate: 0 });
3
Praveen

MaxDateを現在の日付に変更します

maxDate: new Date()

現在の日付を最大値として設定します。

2
Mohit Pandey

Dtpickerを追加する場合は、次のコードを使用します

$('#enddate').appendDtpicker({
    "dateOnly": true,
    "dateFormat": "YYYY-MM-DD",
    "closeOnSelected": true,
    maxDate: new Date()         
});
1
burningEye

datepickerにはオプションとしてmaxDateがありません。このendDateオプションを使用しました。

> $('.demo-calendar-default').datepicker({
>                 autoHide: true,
>                 zIndex: 2048,
>                 format: 'dd/mm/yyyy',
>                 endDate: new Date()
>             });
0
megha mohan