Last Update: Apr.12,2023

JavaScript Sample

動作確認:○Firefox111(Win7) ○Chrome109(Win7)

■ 年月日選択の制御

例として、2022年10月15日~2024年3月15日の範囲で選択可能にします。


■ ソース

jQuery(function($) {

  const term_string = '2022/10/15-2024/3/15';

  const ta = (function(s) {
    return s.split(/-/).map(x => new Date(x));
  })(term_string);

  const attach_ymd = function(y, m, d) {
    var $y = $(`select[name=${y}]`);
    var $m = $(`select[name=${m}]`);
    var $d = $(`select[name=${d}]`);
    $y.set_year_list(ta);
    $y.on('change', function() {
      var y = $y.val();
      $m.set_month_list(y, ta);
    }).trigger('change');
    $m.on('change', function() {
      var y = $y.val(), m = $m.val();
      $d.set_date_list(y, m, ta);
    }).trigger('change');
  };

  attach_ymd('y1', 'm1', 'd1');
  attach_ymd('y2', 'm2', 'd2');

});

■ ソース(jquery.ymd.js)

jquery.ymd.js