【问题标题】:Restrict bootstrap datepicker to select date upto 2 years - not working限制引导日期选择器选择最多 2 年的日期 - 不工作
【发布时间】: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
  • 是的。确切地。非常感谢。
  • 我不知道为什么我的代码不起作用

标签: jquery bootstrap-datepicker


【解决方案1】:

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

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

DEMO HERE

【讨论】:

  • 谢谢,但代码仅适用于内联日期选择器。我需要这个链接中的日期选择器eyecon.ro/bootstrap-datepicker
  • 那个链接里有多个datepickers..你说的是哪一个?
  • 第一个。这是一种弹出窗口。您如何以这种日期选择器格式限制日期?
猜你喜欢
  • 2012-10-15
  • 1970-01-01
  • 2012-09-09
  • 1970-01-01
  • 2020-01-04
  • 1970-01-01
  • 2014-09-27
相关资源
最近更新 更多