限制引导日期选择器选择最多 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】:

您还没有指定startDatedatePicker 决定endDate。只需将其添加到以下选项中:

$('#datepicker1').datepicker(
   startDate:new Date(), //Today's Date
   endDate:'+2y'
);

DEMO HERE

【讨论】:

谢谢,但代码仅适用于内联日期选择器。我需要这个链接中的日期选择器eyecon.ro/bootstrap-datepicker。 那个链接里有多个datepickers..你说的是哪一个? 第一个。这是一种弹出窗口。您如何以这种日期选择器格式限制日期?

以上是关于限制引导日期选择器选择最多 2 年的日期 - 不工作的主要内容,如果未能解决你的问题,请参考以下文章

引导输入类型=“日期”不加载日期选择器

element-ui日期选择器datepicker限制最大选择日期范围

为啥这个引导日期选择器不显示日期选择器?

jQuery 日期选择器。 2个日期选择器。限制范围。默认日期 当前日期

引导日期选择器从另一个日期选择器更改 minDate/startDate

在引导程序日期选择器中设置思维导图