javascript - 日期范围选择器 - IsInvalidDate/IsCustomDate

标签 javascript php twitter-bootstrap

我目前正在使用 http://www.daterangepicker.com 的 DateRangePicker并为我的项目提供以下代码:

<form name="calform" action="res_info.php">
<div>Checkout<input type="text" name="checkout"/></div>
<script type="text/javascript">

$(function() {
isInvalidDate: function(date) {
    if (date.format('YYYY-M-D') == '2017-11-12') {
        return true; 
    }
}
    $('input[name="checkout"]').daterangepicker({
        singleDatePicker: true,
        "locale": {
        format: 'YYYY-M-D'
  }
    }, 
    function(start, end, label) {
        var years = moment().diff(start, 'years');
    });
    $('.calendar.right').show();
});
</script>
   <div> <input type="submit" value="Submit"></div>
</form>

但是由于某些原因,isInvalidDate 函数根本不起作用。请帮忙。

最佳答案

isInvalidDate 似乎是 daterangepicker 的一个方法。正如您目前的代码所言,该方法超出了 daterangepicker 对象/函数的范围。

你需要像这样把它放在里面:

$('input[name="checkout"]').daterangepicker({
    singleDatePicker: true,
    "locale": {
        format: 'YYYY-M-D'
    },
    isInvalidDate: function(date) {
        if (date.format('YYYY-M-D') == '2017-11-12') {
            return true; 
        }
    }
});

此外,看起来代码仍然是格式错误的。您在 daterangepicker 对象中有一个我认为是随机的函数。我阅读了文档,以更好地了解该功能的使用。

http://www.daterangepicker.com/#options

关于javascript - 日期范围选择器 - IsInvalidDate/IsCustomDate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45551118/

相关文章:

javascript - jquery/Javascript 语法

css - Bootstrap 如何添加 img 与其他 img 对齐

javascript - 带有链式选择的 CasperJs 和 Jquery

php - 使用 PHP 存储用户输入数据 24 小时

php - 在zend框架中获取用户ip地址

php - 隐藏电话号码

html - 在移动设备中查看时,Bootstrap pull-right 将 DIV 堆叠在一起

javascript - Bootstrap 开关检查检查状态始终返回 false

javascript - 显示/隐藏类别标记。不使用 MarkerCluster

javascript - 带有 modal=true 的 Primefaces 对话框无法正常工作