如何从未来日期限制引导日期选择器

我想限制引导程序的日期选择器从未来的日期开始。我只想启用日期到今天。我怎么能实现这一点。

这是我的代码

 var FromEndDate = new Date(); $(function(){ $('.datepicker').datepicker({ format: 'mm-dd-yyyy', endDate: FromEndDate, autoclose: true }); });  

任何人都可以帮忙解决这个问题

Answer 1

以下是工作解决方案的演示：

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

编辑：支持startDate和endDate的Bootstrap Datepicker的版本在这里： https ： //github.com/eternicode/bootstrap-datepicker

原始项目是该插件的当前热门搜索结果，目前还没有该function： http ： //www.eyecon.ro/bootstrap-datepicker/

Answer 2

将endDate属性设置为+0d

小提琴

Answer 3

 $(document).ready(function(){ $(".datepicker").datepicker({ endDate:'today' }); }); 

将此添加到您的js用户只能选择截至今天的日期，用户无法手动输入自定义日期值到输入元素。 如果用户输入自定义值，则它将自动更改为当前日期

Answer 4

试试这个，

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

我使用了Git 日期选择器

演示

Answer 5

这段代码对我有用..

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

Answer 6

由于插件中的问题，使用此datepicker.js即将发生

http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.2.0/js/bootstrap-datepicker.js

Answer 7

 $(function(){ $('.datepicker').datepicker({ format: 'mm-dd-yyyy', onRender:function(date){ return date.valueOf() > FromEndDate.valueOf()?'disabled':''; } }); }); 

Answer 8

以上解决方案均不适合我。 经过大量的搜索和调试，我终于解决了。 我在下面分享我的解决方案，如果有人像我一样面临同样的问题可以尝试以下解决方案。

  var now = new Date(); $('[name=depdate]').datepicker({ format: 'yyyy-mm-dd', onRender: function(date) { if(date.valueOf() > now.addDays(15).valueOf()) { return 'disabled'; } else if(date.valueOf() < now.valueOf()) { return 'disabled'; } } }) .on('changeDate', function(){ $(this).datepicker('hide'); }).data('datepicker'); 

Answer 9

试试这个：

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