jQuery Bootstrap From和To date验证

时间:2014-04-23 06:02:53

标签: php jquery twitter-bootstrap twitter-bootstrap-3

我一直在玩自助日历。

我使用过这个日期选择器 - http://bootstrap-datepicker.readthedocs.org/en/release/

我的代码看起来像这样。我可以使用上面的文档/代码选择起始日期。

<script type="text/javascript">
$('#datepicker.input-daterange').datepicker({
    startDate: "",
    endDate: "",
    format: "yyyy-mm-dd",
    todayBtn: "linked",
    autoclose: true,
    todayHighlight: true
});
</script>

现在我想验证这个jquery脚本。

含义:用户应该能够选择 ANY 十二个月,并且不应该超越它。

换句话说, 2013年4月 2014年3月应该是可能的(因为有12个月)和 2013年4月 2014年4月不应该是可能的,因为它有13个月的时间,我需要抛出一条错误消息并要求用户更正From和To日期。

有没有这样的东西,我可以用上面的jQuery做:

length: "12m"

请指导我。用户应该能够选择 ANY YEAR (如2011年4月至2012年3月),但任何事情都应该在12个月内。

谢谢, Kimz

2 个答案:

答案 0 :(得分:0)

也许您可以尝试插件“Twitter Bootstrap的日期范围选择器”,它是完全可配置的,并且有可用于验证日期的事件:

https://github.com/dangrossman/bootstrap-daterangepicker

答案 1 :(得分:0)

我可以看到在更改日期时会触发事件changeDate。您可以使用该事件检查您的标准,如下所示。

$('.datepicker').datepicker()
    .on(changeDate, function(e){
       // check your criteria here
    });