Javascript 基础数据戳-禁用未来日期
我正在使用并尝试禁用日期。我可以为一个字段禁用日期,其中日期从一周前禁用,但我不能禁用从现在到未来的日期:Javascript 基础数据戳-禁用未来日期,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我正在使用并尝试禁用日期。我可以为一个字段禁用日期,其中日期从一周前禁用,但我不能禁用从现在到未来的日期: onRender: function (date) { return date.valueOf() > date.valueOf() ? 'disabled' : ''; } 这是完整的代码: var date = new Date(); var weekBack = new Date(new Date(date).setDate(date.getDate() - 7));
onRender: function (date) {
return date.valueOf() > date.valueOf() ? 'disabled' : '';
}
这是完整的代码:
var date = new Date();
var weekBack = new Date(new Date(date).setDate(date.getDate() - 7));
$('#datePicker').fdatepicker({
closeButton: false,
initialDate: weekBack,
format: 'dd.mm.yyyy',
onRender: function (date) {
return date.valueOf() > weekBack.valueOf() ? 'disabled' : '';
},
}).on('changeDate', function (ev) {
var dateFrom = $("#datePicker").val().split(".").reverse().join("-");
var dateTo = $("#datePicker1").val().split(".").reverse().join("-");
timelines(dateFrom, dateTo);
barCharts(dateFrom, dateTo);
});
$('#datePicker1').fdatepicker({
closeButton: false,
initialDate: date,
format: 'dd.mm.yyyy',
onRender: function (date) {
return date.valueOf() > date.valueOf() ? 'disabled' : '';
},
}).on('changeDate', function (ev) {
var dateFrom = $("#datePicker").val().split(".").reverse().join("-");
var dateTo = $("#datePicker1").val().split(".").reverse().join("-");
timelines(dateFrom, dateTo);
barCharts(dateFrom, dateTo);
});
这对你有帮助吗
http://jsfiddle.net/D9C4F/
http://foundation.zurb.com/forum/posts/39753-foundation-datepicker-select-end-date
那也是吗
http://app.thewatchenthusiast.com/themes/base/bower_components/foundation-datepicker/example.html
您只需按如下方式设置结束日期:
var now=newdate();
$(“#生日”).fdatepicker({
格式:“dd M yyy”,
截止日期:现在
});代码>在JQuery DeDePikEnter中找不到基础数据戳选项中的<代码>最大日期< /代码>。您可以使用隐藏的第二个日期选择器,并将初始日期设置为todays日期。在第一个日期选择器中,如果用户选择的日期大于今天的日期,则可以显示不允许使用未来日期的消息。但我需要第二个datepicker从一开始就为将来的日期禁用,所以不幸的是,这个解决方案不适合我。是的,它可以。在你的问题中,考虑第二个日期选择器元素作为第一个数据包,你将有一个第三(隐藏)数据包,第二个将依赖于这个第三数据包,你可以限制最大日期到今天。但我猜这只是一项工作。不过,很幸运找到了解决方案。如何禁用日期并仅启用时间拾取?@ZameerFouzan您可以设置选项{format:'hh:ii'}