2015-03-24 69 views
0

我正在嘗試設置具有特定標記日期(修復日)的日曆。例如30-04-2015在日曆中不可能選擇其他月份或日期,只顯示指定日期。'datepicker'的設置日期不起作用 - jQueryUI

到圖像類似:

http://i.stack.imgur.com/ILFbJ.png

我使用jQueryIU做到這一點,但我不能得到它。

這是我的代碼:

http://jsfiddle.net/andresgl/mr7aokod/3/

HTML

jQuery的

(function($) { 
     $(document).ready(function(){ 
      $("#datepicker").datepicker( 
       { 
        beforeShowDay: $.datepicker.noWeekends, 
        hideIfNoPrevNext: false, 
        maxDate: "+1m", 
        minDate: "+1m", 
       } 
      ); 
     }); 
    })(jQuery); 

    (function($) { 
     $(document).ready(function(){ 
      $("#datepicker").datepicker("setDate", "04/30/2014"); 
     }); 
    })(jQuery); 

的問題是,如果我不聲明此參數:

  { 
       beforeShowDay: $.datepicker.noWeekends, 
       hideIfNoPrevNext: false, 
       maxDate: "+1m", 
       minDate: "+1m", 
      } 

setDate工作,但參數不起作用,如果我聲明參數,setDate不起作用。

$("#datepicker").datepicker("setDate", "04/30/2014"); 

有人能告訴我我做錯了什麼或錯在哪裏,我該如何解決它?

BTW:我是在日期選擇文檔以下內容:api.jqueryui.com/datepicker/#method-setDate

謝謝!

回答

1

不知道這是否適合您的需求,但您可以設置最小和最大日期。喜歡的東西:

$(function() { 
    $(document).ready(function(){ 
     $("#datepicker").datepicker( 
      { 
       beforeShowDay: $.datepicker.noWeekends, 
       defaultDate: new Date(2015, 04, 04), 
       maxDate: new Date(2015, 04, 04), 
       minDate: new Date(2015, 04, 04), 
       hideIfNoPrevNext: false     
      } 
     ); 
    }); 
}); 

UPDATED Fiddle

另外,你需要設置你約會限制範圍之前:

$("#datepicker").datepicker("setDate", "04/05/2015").datepicker( 
    { 
     beforeShowDay: $.datepicker.noWeekends, 
     /*defaultDate: new Date(2015, 04, 04),*/ 
     maxDate: new Date(2015, 05, 04), 
     minDate: new Date(2015, 05, 04), 
     hideIfNoPrevNext: false     
    } 
); 

UPDATED Fiddle 2

+0

太感謝你了! !第一個完美的作品!我認爲這不是最好的方式,因爲我必須聲明兩個選項,但是可行! (我會用它)第二個不工作,如果它設置日期之前。如果更改日期,則會將日期設置爲maxDate和minDate。 - 非常感謝!! – andresgl 2015-03-25 11:39:29

相關問題