ブートストラップのDatePickerを30日に制限する

私のアプリケーションには、DatePickerが2つあり、StartDateとEndDateがあります。より広い範囲のデータが膨大になり、アプリケーションがフリーズするため、30日の制限を設定したいと思います。ブートストラップのDatePickerを30日に制限する

私は次のようにしたいと思います：ユーザーがstartDateを今日選択した場合、endDateには30日だけが終了します。しかし、ユーザーが今日のendDateを選択した場合は、過去30日間だけ有効にしてください。

マイコード：

$('#data_1 .input-group.date').datepicker({ 
      todayBtn: "linked", 
      keyboardNavigation: false, 
      forceParse: false, 
      calendarWeeks: true, 
      autoclose: true, 
      language: 'pt-BR' 
     }); 

     $('#data_2 .input-group.date').datepicker({ 
      todayBtn: "linked", 
      keyboardNavigation: false, 
      forceParse: false, 
      calendarWeeks: true, 
      autoclose: true, 
      language: 'pt-BR' 
     });

出典

2016-03-21 Rogerio Azevedo

のhttp：/ /image/goods/jp/testoverflow.com/questions/11933173/how-to-restrict-the-selectable-date-ranges-in-bootstrap-datepicker – DinoMyte

ディノマイテ、私はディナミカルリミットが必要です。ユーザーはstartDate：01-01-2012を選択し、endDateは2012年1月2日まで有効になります。ユーザーは任意の日付を選択できますが、30日間隔で選択できます。彼はまた、startDateの前にendDateを選ぶことができました。そして、dinamically startDateは30daysだけを有効にしました。 –

開始日と終了日の両方のピッカーでjavascriptイベントハンドラを設定してお互いの日付を動的に制限する必要があります。それがフォームの場合は、提出前に検証で行います。 – Ja8zyjits

私はこの方法で私の問題を解決する...ボタンでそう

var data1 = $('#data1').val(); 
var data2 = $('#data2').val(); 

var umDia = 24 * 60 * 60 * 1000; // horas*minutos*segundos*milisegundos 
var dias = Math.round(Math.abs((toDate(data1.substr(0, 10)).getTime() - toDate(data2.substr(0, 10)).getTime())/(umDia)));

をクリックして、私はcondicionalなどを行った：

if (dias < 31) 
    { 
     $.ajax({ 
      url: '/Portaria/AtendOperador', 
      dataType: "json", 
      type: "GET", 
      data: { 'data1': data1, 'data2': data2, 'evento': evento, 'cuc': cuc, 'conta': conta }, 
      async: false, 
      cache: false, 
      delay: 15, 
      success: function (data) {

出典

2016-04-13 15:24:25

ブートストラップのDatePickerを30日に制限する

答えて

関連する問題