jqueryのtimepickerにてセレクトボックスの変更で別のセレクトボックスを連動させる

Question

前提・実現したいこと

いつもありがとうございます。
Jqueryで作成している、○○時～○○時を選択する二つのセレクトボックスを連動させたいと思っています。

現在のコード

$(function () {
    $("#timepicker_b").timepicker({
        timeFormat: 'HH:mm',
        interval: 15,
        minTime: '8.3',
        maxTime: '19:00pm',
        defaultTime: '8.3',
        startTime: '8.3',
        dynamic: false,
        dropdown: true,
        scrollbar: true
    });

    $("#timepicker_a").timepicker({
        timeFormat: 'HH:mm',
        interval: 15,
        minTime: '8.3',
        maxTime: '19:00pm',
        defaultTime: '10',
        startTime: '8.3',
        dynamic: false,
        dropdown: true,
        scrollbar: true
    });
});

timepicker_aとtimepicker_bが存在し、
aの変更に合わせてb側のminTimeとdefaultTimeをaの値になるように変更したいです。

aで10:00を選択したらb側はデフォルトで10:00になって最小も10：00になるのでそれ以前の時刻が選べないようにするにはどうしたらよいでしょうか？

また、a側を変更したらbを反映するという風にしてしまうとb側から設定を始めた場合、aを選択した時点でbが再度選択しなおしになるためなかなか処理が難しく感じています・・・

追記(間違いがあったので修正)

使用ライブラリはjquery timepicker

Comments

[x_x]

timepicker と呼ばれるものはたくさんあるので、どれなのか明記してください

[memimemi]

失礼しました。
追記にて利用しておりますライブラリを記載いたしました。

[x_x]

本当にこれであってますか？
http://www.jonthornton.com/jquery-timepicker/
試してみましたが、オプションの値が違いすぎて単体でもまともに表示することさえできないと思います。

[memimemi]

全く同名のライブラリとリンクを間違えていました。追記を修正させていただきました。

お手数おかけしてすみませんでしたm(_ _)m

Answer 1

ドキュメントを見ると change イベントが用意されているのでこれを使います。
https://timepicker.co/options/#plugin-events

オプションを変更する機能が書かれていないのですが、デモには変更する例があるのでそちらを参考にしましょう(バージョン1.2以降)。
https://jsfiddle.net/wvega/A9cE6/embedded/result,js,html,css,resources/

        change: function(time) {
          var b = $("#timepicker_b");
          var instance = b.timepicker();
          instance.option('minTime', time);
          instance.option('defaultTime', time);
          if (b.val() < this.val()) {
            b.val(this.val());
          }
        }

Comments

[memimemi]

ご丁寧に回答ありがとうございました。
いただいたコードで試してみたのですが、change: function(time) の部分が反応しないようで
うまくいきませんでした。
$("#timepicker_b").change(function(time) {
　console.log('チェンジ');
等も試しているのですがチェンジされている状態が反映されていないのでしょうか？

[x_x]

バージョンはいくつでしょうか？
ドキュメントにある内容がいつから追加されたのかわからないのでなるべく最新版で動かしましょう。わたしは最新版でしか検証していません。
また、デモもあるので見比べてみてはどうでしょうか？
https://jsfiddle.net/wvega/xJRGw/embedded/result,js,html,css,resources/

[memimemi]

回答遅くなりすみません

ネットからダウンロードしてきたものはバージョンが古かったみたいで最新版をダウンロードしてきたら問題なく反映されました！
ご丁寧に解説いただきましてありがとうございます