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'
}
);
これを試して
$(function() {
$( "#datepicker" ).datepicker({ maxDate: new Date() });
});
または、次のように使用してこれを達成できます。
$(function() {
$( "#datepicker" ).datepicker({ maxDate: 0 });
});
これは私のために働いたendDate: "today"
$('#datepicker').datepicker({
format: "dd/mm/yyyy",
autoclose: true,
orientation: "top",
endDate: "today"
});
私の場合、この属性を入力タグに与えました
data-date-start-date="0d" data-date-end-date="0d"
あなたは単にこれを行うことができます
$(function() {
$( "#datepicker" ).datepicker({ maxDate: new Date });
});
参考: documentation を確認していると、数値も受け入れられることがわかりました。
Number:今日からの日数。たとえば、2は今日から2日を表し、-1は昨日を表します。
そう 0
は今日を表します。したがって、あなたもこれを行うことができます
$( "#datepicker" ).datepicker({ maxDate: 0 });
MaxDateを現在の日付に変更します
maxDate: new Date()
現在の日付を最大値として設定します。
Dtpickerを追加する場合は、次のコードを使用します
$('#enddate').appendDtpicker({
"dateOnly": true,
"dateFormat": "YYYY-MM-DD",
"closeOnSelected": true,
maxDate: new Date()
});
datepickerにはオプションとしてmaxDateがありません。このendDateオプションを使用しました。
> $('.demo-calendar-default').datepicker({
> autoHide: true,
> zIndex: 2048,
> format: 'dd/mm/yyyy',
> endDate: new Date()
> });