2014-02-13 26 views
0

我的應用程序是一個ASP.NET MVC和我實現了自舉日期選擇器,如下圖所示:DatePicker的引導丟失的日期範圍後回傳

$(window).load(function() { 

     var startDate = new Date('01/01/2012'); 
     var FromEndDate = new Date(); 
     var ToEndDate = new Date(); 

$('#DataInicio').datepicker({ 
      format: "dd/mm/yyyy", 
      todayBtn: "linked", 
      startDate: '01/01/2012', 
      language: "pt-BR", 
      todayHighlight: true, 
      endDate: FromEndDate, 
      autoclose: true 
     }).on('changeDate', function (selected) { 
      startDate = new Date(selected.date.valueOf()); 
      startDate.setDate(startDate.getDate(new Date(selected.date.valueOf()))); 
      $('#DataFim').datepicker('setStartDate', startDate); 
     }); 

$('#DataFim').datepicker({ 
      format: "dd/mm/yyyy", 
      todayBtn: "linked", 
      language: "pt-BR", 
      todayHighlight: true, 
      startDate: startDate, 
      endDate: ToEndDate, 
      autoclose: true 
     }).on('changeDate', function (selected) { 
      FromEndDate = new Date(selected.date.valueOf()); 
      FromEndDate.setDate(FromEndDate.getDate(new Date(selected.date.valueOf()))); 
      $('#DataInicio').datepicker('setEndDate', FromEndDate); 
     }); 

在第一次頁面加載時,日期範圍的作品完美,但在郵用後日期範圍丟失的結構中,下面的圖像是回發後第一次和:

enter image description here

enter image description here

防止選擇日期開始大於結束日期的配置丟失。

回發後如何固定並保持範圍選擇?

由於

+0

這是回傳還是被ajax更新了,因爲如果用ajax更新window.load,那麼當ajax調用完成時需要更新元素時​​,window.load不會觸發。 – Dreamwalker

回答

1

我使用該溶液固定:

if ($('#DataInicio').val()) { 
    startDate = $('#DataInicio').val(); 
    }; 

if ($('#DataFim').val()) { 
    FromEndDate = $('#DataFim').val(); 
    }; 

的時間範圍被維持回發後。