datepicker

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var dateFormat = 'yy-mm-dd';
var form = document.getElementById('datepicker').value;
$(function() {
  $("#datepicker").datepicker({
      onClose: function(dateText, inst){
          $('#datepicker2').datepicker('option', 'minDate', dateText);
          $('#datepicker').val(dateText);
      }
  });
  $("#datepicker2").datepicker({
      onClose: function(dateText, inst){
          $('#datepicker').datepicker('option', 'maxDate', dateText);
          $('#datepicker2').val(dateText);
      }
  });
});

onClose
->DatePickerが閉じた時に実行
:function( String dateText, Object inst )

1.datepicker1が閉じるときに、datepicker2のminDateをdateTextにして、datapickerのvalをdateTextにする
2.datepicker2が閉じるときに、datepicker2のminDateをdateTextにして、datapickerのvalをdateTextにする

今日以前の日付にする

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var dateFormat = 'yy-mm-dd';
var form = document.getElementById('datepicker').value;
$(function() {
  $("#datepicker").datepicker({
      dateFormat: dateFormat,
      maxDate:0,
      onClose: function(dateText, inst){
          $('#datepicker2').datepicker('option', 'minDate', dateText);
          $('#datepicker').val(dateText);
      }
  });
  $("#datepicker2").datepicker({
      dateFormat: dateFormat,
      maxDate:0,
      onClose: function(dateText, inst){
          $('#datepicker').datepicker('option', 'maxDate', dateText);
          $('#datepicker2').val(dateText);
      }
  });
});

来た!
今日以前の日付で、datapicker1のdateTextがdatapicker2のminDate, datapicker2のdateTextがdatapicker2のmaxDateになる。