限制引导日期选择器选择最多 2 年的日期 - 不工作
Posted
技术标签:
【中文标题】限制引导日期选择器选择最多 2 年的日期 - 不工作【英文标题】:Restrict bootstrap datepicker to select date upto 2 years - not working 【发布时间】:2016-04-02 22:50:45 【问题描述】:我想将用户可以选择的日期限制为从今天开始的 2 年,默认情况下用户可以选择无限日期
以下是我尝试过的代码
使用的库:
ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
maxcdn.bootstrapcdn.com/bootstrap/3.3.6
css/bootstrap.min.css css/datepicker.css
maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
js/bootstrap-datepicker.js
<input type="text" id="datepicker1">
<script>
$('#datepicker1').datepicker(
endDate:'+2y'
);
</script>
以上代码不限制日期
请帮忙!!!
我也尝试过以下代码,但在这种情况下日期选择器是内联日期选择器,我不需要内联日期选择器
<head>
http://192.168.0.27:8080/hostbook/public_html/js/jquery.js
http://192.168.0.27:8080/hostbook/public_html/assests/css/bootstrap-datepicker3.css
http://192.168.0.27:8080/hostbook/public_html/assests/js/bootstrap-datepicker.js
</head>
<input name="check_in" id="check_in" type="text" class="datepicker search-date" autocomplete="off" />
<script>
$(document).ready(function()
$('#check_in').datepicker( format: "dd/mm/yyyy",
startView: "months",
endDate:'+2y',
)
);
</script>
【问题讨论】:
您的代码应该适用于内联和嵌入式日期选择器。见jsFiddle here 我需要这个链接eyecon.ro/bootstrap-datepicker中的日期选择器;第一个,它是一种弹出窗口。您如何以这种日期选择器格式限制日期? 你的意思是像this? 是的。确切地。非常感谢。 我不知道为什么我的代码不起作用 【参考方案1】:您还没有指定startDate
让datePicker
决定endDate
。只需将其添加到以下选项中:
$('#datepicker1').datepicker(
startDate:new Date(), //Today's Date
endDate:'+2y'
);
DEMO HERE
【讨论】:
谢谢,但代码仅适用于内联日期选择器。我需要这个链接中的日期选择器eyecon.ro/bootstrap-datepicker。 那个链接里有多个datepickers
..你说的是哪一个?
第一个。这是一种弹出窗口。您如何以这种日期选择器格式限制日期?以上是关于限制引导日期选择器选择最多 2 年的日期 - 不工作的主要内容,如果未能解决你的问题,请参考以下文章
element-ui日期选择器datepicker限制最大选择日期范围
jQuery 日期选择器。 2个日期选择器。限制范围。默认日期 当前日期