【问题标题】:Prevent user from choosing previous date when using Bootstrap-datepicker防止用户在使用 Bootstrap-datepicker 时选择以前的日期
【发布时间】:2012-12-13 16:17:15
【问题描述】:

我想阻止用户选择以前的日期,从而在我的日期选择器中禁用以前的日期。我正在使用来自 http://www.eyecon.ro/bootstrap-datepicker 的 bootstrap-datepicker。

我是这样调用javascript的

<script>
$(function() {
    $( ".mydatepicker" ).datepicker({
       format:'yyyy/mm/dd'
    });
});
</script>

【问题讨论】:

  • 首先,没有任何官方支持的 Twitter Bootstrap 日期选择器,因此您应该指定您正在使用的日期选择器。然后,您可以向我们展示您尝试了什么,或者您的方法是什么。
  • @Sherbrow 我改变了问题。在我问这个问题之前,我没有尝试过 datepicker。只是前段时间我使用了一个,并且在日期选择器的默认开始日期方面遇到了问题。但是我从eyecon.ro/bootstrap-datepicker 得到的那个默认情况下从当前日期开始,如预期的那样。愚蠢的我,应该先尝试一下。你能帮我解决新问题吗?谢谢

标签: twitter-bootstrap datepicker


【解决方案1】:

不支持日期验证(截至目前),但插件提供了您可以收听的事件:在本例中为 changeDate 事件。

var minDate = new Date(); // Our minimum

$('.someSelector').datepicker()
.on('changeDate', function(ev){
    if (ev.date.valueOf() < minDate.valueOf()){

        /* Handle previous date */
        alert('Nope');
        // and eventually reset the date

        /* And this for later versions (just in case) */
        ev.preventDefault();
        return false;
    }
});

这是一个demo (jsfiddle) 的工作示例。

【讨论】:

    【解决方案2】:

    Stefan 的代码中的My fork 支持startDate 用于此类目的。

    【讨论】:

    • 您应该添加一个代码示例,也许还应该添加一个指向工作示例的链接来回答这个问题。
    猜你喜欢
    • 2014-09-23
    • 1970-01-01
    • 1970-01-01
    • 2023-03-11
    • 1970-01-01
    • 1970-01-01
    • 2013-11-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多