2017-05-30 5 views
1

最初のdatepickerで選択した日付から365日で2番目のdatepickerを更新する必要がある場合があります。
Javascript以外の方法がありますか?
私は多くを検索しましたが、明確なものが見つかりませんでした。Razor View - 別のDatePickerが選択されたときにDatePickerを更新する

+1

あなたは2つの選択肢があります.1つはあなたのケースではないサーバー側に行き、2つ目はjavascriptやjQueryなどの別のjsライブラリを使用しています。個人的に私はbootstrap-datepickerを使用して設定可能なこれらのオプションを持っています –

+0

どのdatepickerプラグインを使用する – Jay

+0

@Jayブートストラップデータピッカー – eg16

答えて

0

$(document).ready(function(){ 
     $(".datepicker").datepicker({ 
      format: "yyyy-mm-dd",  
     }) 
     .on('changeDate', function(ev){ 
      $(".datepicker2").datepicker({ 
      format: "yyyy-mm-dd",  
     }); 
     }); 
    }); 

は、あなたがあなたの選択した日付を取得することができますEVにブートストラップ日付ピッカーのCHANGEDATE方法に使用することができますJavaScriptでこのコードを試してみてください

0

あなたはjavascriptのコードの下で簡単にそれを行うことができます。

$('#yourDatePickerId')  
    .datepicker({ 
     format: 'dd/mm/yyyy',   
     forceParse: false, 
    }).on('changeDate', function (selected) { 
     var minDate = new Date(selected.date.valueOf()); 
     $('#anotherDatePickerId').datepicker('setStartDate', minDate);   
    }); 

私の場合、別の日付ピッカーの開始日を設定する必要があります。これは、365日を追加して別の日付希望の日付としてtepicker。

関連する問題