javascript - 非表示の値が変更されました。日付ピッカーがリロードされます

Question

この非表示の値が変更されるたびに、日付ピッカーがリロードされるようにする方法について質問があります。日付ピッカーは非表示の値を使用して日を強調表示するためです。したがって、非表示の値が変更されるたびに、datepicker で強調表示されている日も変更されます。

これまでの私のコードはここにあります。$("#dates").val()隠し値です。値のサンプルは です2013/11/11-2013/11/17。この値は、週全体 (月-日) を強調表示します。$("#dates").val()週ごとに変更される前と次のボタンがあります。

非表示の値が変更された場合にトリガーする問題はありません。問題は、非表示の値が変更されたら、日付ピッカーをリロードすることです。強調表示された週がそれに応じて変更されるようにします。現在、非表示の値が変更されるたびに、強調表示された週は同じままです。

非表示の値が変更されるたびに使用しようとしまし$( "#datepicker" ).datepicker( "refresh" );たが、まだ運がありません。私を助けてください。ありがとう

$(document).ready(function() {

var dates = $("#dates").val();
var lt = dates.split("-");
var ts = lt[0].split("/");
var te = lt[1].split("/");
var date1 = new Date(ts[0], ts[1]-1, ts[2]);
var date2 = new Date(te[0], te[1]-1, te[2]);

$(function(){

$('#datepicker').datepicker({     
    dateFormat: 'yy/mm/dd',
    beforeShowDay: highlightDays,
    onSelect: function(dateText, inst) {
            $("#showdaybtn").addClass("fcurrent");
            $("#showweekbtn").removeClass("fcurrent");
            $("#showmonthbtn").removeClass("fcurrent");
            $('#type').val('1');
            var p = $("#gridcontainer").swtichView("day").BcalGetOp();
            if (p && p.datestrshow) {
                $("#txtdatetimeshow").text(dateText);
                $("#hdnTempData").val(dateText);
            }
            showhideToday('day');
            glbView = "day";        
    }
});

function highlightDays(date) {
if (date >= date1 && date <= date2) {
            return [true, 'highlight', 'tooltipText'];
        }  
      return [true, ''];
}   
});

});

//to check if the hidden value changed
$(document).on('change', '#dates', function () {
    $( "#datepicker" ).datepicker( "refresh" );
});