2017-01-16 10 views
1

今日の日付と今日から6日以上の日付を無効にしようとしています。DateRangePickerの将来の日付を無効にする

私はmaxDateでそれを行うことができますが、私がそうすると、将来のすべての日付が無効になります。

マイコード:

$('input[name="datefilter"]').daterangepicker({ 
     autoUpdateInput: false, 
     maxDate: new Date(), 
     "autoApply": true, 
     locale: { 
     "firstDay": 1, 
     "separator": " - " 
     } 
    }); 

私はmaxDate: new Date(6)あまりにも同じエラーで試してみました。

+0

?実際の例を作成できますか? (jsfiddle/codepen/snippet?) – Dekel

+0

https://github.com/dangrossman/bootstrap-daterangepicker – Rubyx

+0

からdateranger pickerを使用しています。使用しているライブラリを知ったら、それを助けることができます:)(私の答えを確認してください) – Dekel

答えて

3

日付が有効であるかどうかあなたはtrue/falseを返すようにisInvalidDate機能を使用することができます。

使用する日付ピッカー

invalid_dates = ['2017-01-11', '2017-01-12', '2017-01-13'] 
 
$(function() { 
 
    $('input[name="daterange"]').daterangepicker({ 
 
    isInvalidDate: function(date) 
 
    { 
 
     return !!(invalid_dates.indexOf(date.format('YYYY-MM-DD')) > -1); 
 
    } 
 
    }); 
 
});
<!-- Include Required Prerequisites --> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> 
 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" /> 
 
    
 
<!-- Include Date Range Picker --> 
 
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script> 
 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" /> 
 
<input type="text" name="daterange" value="01/01/2017 - 01/10/2017" />

+0

良いキャッチ!私はオプションをスキャンするときにそれを逃した。 – krillgar

+0

ありがとう@krillgar :)私はあなたの投票があなたのものだと思っています! – Dekel

+1

Thx @Dekel!それは今の仕事:)。 Thxから@krillgarまで。 – Rubyx

1

これはエラーではありません。使用しているプロパティの予想される動作です。あなたは "これ以上の日付を許可しない"と言っています。 docsによれば、isInvalidDateには、Dekelがhis answerで見つけたオプションがあります。

私はこの回答を削除しようとしていましたが、それはエラーではなく、使用されていたプロパティの動作であることを指摘しています。誰でもそのプロパティを最初に見つけ出すためには、必ずother answerをupvoteする必要があります。

+0

Thx、しかし、私はいくつかの特定の日付を無効にする可能性があるこの投稿http://stackoverflow.com/questions/30331543/disabling-specific-dates-from-html-datepicker-jqueryを見た。たぶん私はToday + 1、今日+2などを使用して無効にすることができます。 – Rubyx

+0

これは別のプラグイン用です。あなたが '.daterangepicker()'であるのに対して、 '.datepicker() 'で呼び出されています。 – krillgar

関連する問題