2014-01-07 177 views
15

我想限制引導日期選擇器採取未來日期。我只想啓用日期到今天only.I可以實現這一點。如何限制未來日期的引導日期選擇器

這裏是我的代碼

<script> 
    var FromEndDate = new Date(); 

    $(function(){ 
    $('.datepicker').datepicker({ 
     format: 'mm-dd-yyyy', 
    endDate: FromEndDate, 
    autoclose: true 
    }); 
}); 
</script> 

可以提供關於這個

+0

你試過嗎? http://stackoverflow.com/questions/12652492/twitter-bootstrap-datepicker-how-to-enable-only-specific-daterange,具體爲:endDate:'+ 0d' – peinearydevelopment

+0

是的,我做了,但它不工作.. – user2142786

回答

17

設置任何機構幫助endDate屬性+0d

<script> 
    $(function() { 
     $('.datepicker').datepicker({ 
      format: 'mm-dd-yyyy', 
      endDate: '+0d', 
      autoclose: true 
     }); 
    }); 
</script> 

FIDDLE

+0

它不工作....... – user2142786

+0

檢查這個http://jsfiddle.net/7hqDb/6/你的代碼工作正常 –

+0

http://jsfiddle.net/7hqDb/9/ –

3

試試這個,

$(function() { 
    $('.datepicker').datepicker({ 
     format: 'mm-dd-yyyy', 
     endDate: '+0d', 
     autoclose: true 
    }); 
}); 

我以前date pickerGit

Demo

+0

它不能正常工作 – user2142786

+0

再次看到我的答案,我更新了它並[demo](http://jsfiddle.net/L9U4u/) –

+0

startDate:'-5y'不工作爲什麼 –

34

這裏是一個可行的解決方案的演示:

http://jsfiddle.net/tjnicolaides/cjp7y/

<script> 
$(function(){ 
    $('.datepicker').datepicker({ 
     format: 'mm-dd-yyyy', 
     endDate: '+0d', 
     autoclose: true 
    }); 
}); 
</script> 

編輯:版本引導日期選擇器的支持startDate和endDate i在這兒:https://github.com/eternicode/bootstrap-datepicker

原來的項目,這是該插件目前頂級的搜索結果,不具有該功能在這個時候:http://www.eyecon.ro/bootstrap-datepicker/

+0

我試過了,但不知道爲什麼它不能在我的代碼中工作... – user2142786

+0

我試過了,但它不能在我的代碼中工作。日期選擇器工作正常,但它不限制未來的日期 – user2142786

+0

您確定所有外部庫鏈接正確嗎?當您嘗試激活日期選擇器時,您是否在控制檯中看到任何錯誤? –

1
$(function(){ 
$('.datepicker').datepicker({ 
     format: 'mm-dd-yyyy', 
     onRender:function(date){ 
     return date.valueOf() > FromEndDate.valueOf()?'disabled':''; 
     } 
    }); 
}); 
4
$(document).ready(function(){ 
$(".datepicker").datepicker({ 
    endDate:'today' 
    }); 
}); 

只添加這對您的JS 用戶可以選擇截至今天的日期,用戶無法手動輸入自定義日期值到輸入元素。如果用戶輸入自定義的值,那麼它會自動更改爲當前日期

-1

試試這個:

var date=new Date(); 
$('#datetimepicker').datetimepicker({ 
    format: 'MM/dd/yyyy', 
    language: 'en', 
    startDate : new Date('2015-01-01'), 
    endDate : date 
}); 
1

此代碼爲我工作..

$('#txtTo').datepicker({ 
      dateFormat: "dd/MM/yy", 
      changeMonth: true, 
      changeYear: true, 
     ignoreReadonly: true, 
      maxDate: 'now' 
     }); 
    }); 
相關問題