web-dev-qa-db-ja.com

jQuery UI Datepickerで将来の日付を無効にする

今日以降の日付を無効にすることはできますか?

今日が2010年10月23日だとすると、2010年10月24日以降は無効になります。

申し訳ありませんが、jQueryとJavaScriptは非常に新しいです。

66
cicakman

はい、確かに。 datepickerには、初期化時に設定できるmaxdateプロパティがあります。

ここにコーデックスがあります

$("#datepicker").datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) });
114
Cyril Gupta
$(function() { $("#datepicker").datepicker({  maxDate: '0'}); });
36
ArK

これを試して:

$('#datepicker').datepicker({
    endDate: new Date()
});

将来の日付が無効になります。

4
pankaj jain

将来の1年間の日付は、

$('.date').datepicker({dateFormat: 'yy-mm-dd', minDate:(0), maxDate:(365)});

パラメーターdateFormatによって日付形式も変更できます

3
Abdul Rehman

今日の日付を無効にした未来の日付のコードのみ。

 var d = new Date();
         $("#delivdate").datepicker({
         showOn: "button",
         buttonImage: base_url+"images/cal.png",
         minDate:new Date(d.setDate(d.getDate() + 1)),
         buttonImageOnly: true
        });
         $('.ui-datepicker-trigger').attr('title',''); 
3
JAY

以下を使用できます。

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

はい、datepickerは最大日付プロパティをサポートしています。

 $("#datepickeraddcustomer").datepicker({  
             dateFormat: "yy-mm-dd",  
             maxDate: new Date()  
        });
1
Gaurav Malik

http://stefangabos.ro/jquery/zebra-datepicker

ゼブラの日付ピッカーを使用します。

$('#select_month1').Zebra_DatePicker({
  direction: false,
  format: 'Y-m-d',
  pair: $('#select_month2')
});

$('#select_month2').Zebra_DatePicker({
  direction: 1, format: 'Y-m-d',
});
0
Bharathi