2016-11-21 9 views
0

datepickerを使用している入力フィールドがあります。私はそれを設定しようとしているので、カレンダーは平日のみアクティブと表示されます。過去の日付と現在の日付の1ヶ月前の日付は、非アクティブとして表示されることを目指しています。DatePickerの最小日付と最大日付はプロジェクトでは機能しません

現在、週末のみが非アクティブとして表示されます。過去の日付はアクティブとして表示されます。 誰かがこれを解決するのを手伝ってもらえますか?

<input id="date" type="text " class="form-control datepicker" name="date" value="Click to select a date"> 



$(function() { 
      $(".datepicker").datepicker({ 
       maxDate: '+1m', //+1m is 1 month from now 
       minDate: '0', //allow only from now on 
       daysOfWeekDisabled: [0, 6], 
       orientation: 'auto' 
      }); 
+0

Works fまたは範囲の面で私はhttps://jsfiddle.net/j08691/q8edsje9/ – j08691

+0

なぜ私の場合は動作しません(または、なぜそれは部分的にのみ動作するのでしょうか? –

+0

'daysOfWeekDisabled'というオプションはどこにありますか? – j08691

答えて

2

あなたはプラグインなどを使用していると思いますが、これはあなたがしているすべてであれば必要ありません。次のようなnoWeekendsのbeforeShowDayパラメータを使用してみてください。

 $(".datepicker").datepicker({ 
     maxDate: '+1m', //+1m is 1 month from now 
     minDate: '0', //allow only from now on 
     orientation: 'auto', 
     beforeShowDay: $.datepicker.noWeekends 
     }); 

上記はjQueryの日付ピッカーです。これには、使用してみてください、ブートストラップされたstartDate/endDateに何かのように:

 $(".datepicker").datepicker({ 
      endDate: '+1m', //+1m is 1 month from now 
      startDate: '0', //allow only from now on 
      daysOfWeekDisabled: [0, 6], 
      orientation: 'auto' 
     }); 
+0

私が使用しているのは:

+0

あなたはjQueryではなく、ブートストラップのdatepickerを使用しています。 – fanfavorite

1

日付範囲のためSTARTDATEと終了日を使用してみてください、ブートストラップ日付ピッカーを使用している場合:

BootStrap enddate

Bootstrap startDate

をたぶん何かこのように:

$(".datepicker").datepicker({ 
    startDate: 'now', //+1m is 1 month from now 
    endDate: '+1m', //allow only from now on 
    daysOfWeekDisabled: [0, 6], 
    orientation: 'auto' 
}); 
+0

ああ、私は@fanfavoriteが私にそれを打つと思う。 –

関連する問題