2

日付の選択 "from" と "to" は初めて機能しますが、日付 "from" を変更すると、日付 "to" が機能しません。

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

HTML

<th>From: <input type="text" class="from span2" value="" id="from"></th>
<th>To: <input type="text" class="to span2" value="" id="to"></th>

脚本

var from = $('.from').datepicker({autoclose: true}).on('changeDate', function(e){           

    $('.to').datepicker({autoclose: true, startDate: e.date })

});

ここに私のコードがありますhttp://jsfiddle.net/britonet/VS2zS/2/ 最初に完璧に動作することを試してください。など...しかし、日付FROM = 06/10/2013を変更しても、日付TOは無効になりませんでした

4

3 に答える 3

2

問題は、$('.to').datepickerが初期化されていないことです。 JSFIDDLEは、開始日と終了日の範囲を設定するための非常に単純なフィドルです。

新規の更新:

次のコードは新しい開始日を設定します:

var from = $('.from').datepicker({ autoclose: true }).on('changeDate', function(e){
$('.to').datepicker({ autoclose: true}).datepicker('setStartDate', e.date).focus();
});

フィドル。

于 2013-07-26T09:03:14.307 に答える
0

最初の日付を選択した後、両方の日付ピッカーを初期化し、2 番目の開始日を変更する必要があります。

var to = $('.to').datepicker({ autoclose: true });
var from = $('.from').datepicker({ autoclose: true }).on('changeDate', function(e){
    to.startDate = e.date;
});
于 2013-07-26T08:43:42.860 に答える
0

.toは onchange の外にある必要があります。このようなもの、

var from = $('.from').datepicker({autoclose: true}).on('changeDate', function(e){           

});    

var to $('.to').datepicker({autoclose: true, startDate: e.date });

ここに作業コードがあります。コードはstarDateを今日の日付に設定します。endDateはstartDate の翌日に開始されます。startDate が変更されると、enddate が動的に変更されるため、ユーザーは startDate より前の日付を選択できません。

HTML:

From: <input type="text" class="from span2" value="" id="from"></th>
To: <input type="text" class="to span2" value="" id="to">

JQuery:

var _startDate = new Date(); //todays date
var _endDate = new Date(_startDate.getTime() + (24 * 60 * 60 * 1000)); //plus 1 day
$('#from').datepicker({
  format: 'mm/dd/yyyy',
  autoclose: true,
  startDate: _startDate,
  todayHighlight: true
}).on('changeDate', function(e){
    _endDate = new Date(e.date.getTime() + (24 * 60 * 60 * 1000)); //get new end date
    $('#to').datepicker('setStartDate', _endDate).focus(); //dynamically set new start date for #to
    });

$('#to').datepicker({
  format: 'mm/dd/yyyy',
  autoclose: true,
  startDate: _endDate,
  todayHighlight: false
});

ここにフィドルがあります

Eternicode のブートストラップ デートピッカーの詳細については、ここをクリックしてください。

于 2013-07-26T03:47:08.057 に答える