2016-04-05 17 views
0

同じページに2つの日付ピッカーサンプル("#datepiicker1","#datepicker2")が作成されました。#datepicker1で選択された値は#datepicker2の値minDateに割り当てられました。出力で、#datepicker1から日付をクリックすると、の値が#datepicker2に自動的に割り当てられます。 しかし、#datepicker1の日付を2番目に選択すると、選択した日付はminDateプロパティ(devツールで検索)に割り当てられますが、#datepicker2に自動的に更新されません。そのページのどこかをクリックすると、minDateの値が#datepicker2に適用されます。DatePicker選択した値が自動的に更新されません

私のコードブロック:

 $(function() { 
      $('#datepicker1').datepicker({ width: '180px', change: "OnChange" }); 
      $('#datepicker2').datepicker({ width: '180px'}); 


     }) 

     function OnChange(args) { 

      $("#dateTime1").datepicker({ minDate: args.value }); 

     } 

はどのようにこれを実行するには?

$("#dateFrom").off("dp.change"); 
$("#dateFrom").on("dp.change", function(e) { 
     $("#dateTo").data("DateTimePicker").setMinDate(e.date); 
}); 

$("#dateTo").off("dp.change"); 
$("#dateTo").on("dp.change", function(e) { 
     $("#dateFrom").data("DateTimePicker").setMaxDate(e.date); 
}); 

JSFiddleは確かにあなたの正確なクエリに答えるのに役立つだろう:あなたが日付範囲ピッカーコンボを作成したいと思われる

+1

PLSのは、HTMLマークアップとjsfiddleを投稿する参考になるクエリ – user2947

+1

のためのフィドルを追加します。また、#dateTime1と#datepicker1を目的や目的の根拠に使用していますか? –

+1

これはまったく明確ではなく、jQueryのdatepicker **には** 'width'または 'change'設定はありませんか? – adeneo

答えて

0

は、次のjqueryのコードを試してください。ありがとう。

0

$('#datepicker').datepicker({ 
 
    onSelect: function() { 
 
    $('#datepicker1').val(this.value); 
 
    } 
 
});
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
 
TextBox1 
 
<input type="text" id="datepicker" name="date" /><br> 
 
Textbox2 
 
<input type="text" id="datepicker1" name="date1" />