1

我有一个关于如何确保每当这个隐藏值改变时，日期选择器就会重新加载的问题。因为日期选择器将使用隐藏的值来突出显示日期。因此，每当隐藏值发生变化时，日期选择器中突出显示的日期也会发生变化。

到目前为止，这是我的代码。$("#dates").val()是一个隐藏值。值的样本是2013/11/11-2013/11/17。该值将突出显示整周（周一至周日）。有一个上一个和下一个按钮，将更改$("#dates").val()按周，例如：2013/11/18-2013/11/24、2013/11/25-2013/12/1

如果隐藏值更改，我没有问题触发，问题是我希望日期选择器在隐藏值更改后重新加载。以便突出显示的一周同时发生相应变化。目前，每当隐藏值更改时，突出显示的星期将保持不变。

$( "#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" );
});
4

0 回答 0