【问题标题】:AngularUI Datepicker - End Date should not be less than Start DateAngularUI Datepicker - 结束日期不应小于开始日期
【发布时间】:2016-11-03 12:05:21
【问题描述】:

我们将 AngularUI 日期选择器 (https://angular-ui.github.io/bootstrap/) 用于 Start and End Date

集成后,我无法选择weekend 日期,而且我的结束日期可能小于开始日期。

我已经做了一个 plunker,我可以在其中选择周末日期,但仍然无法弄清楚如何防止结束日期不存在 小于开始日期。如果我点击Today,结束日期也不应该早于开始日期。

Plunker URL - http://plnkr.co/edit/sWmQqHRaAJDbaEQFxzZU

【问题讨论】:

    标签: angularjs datepicker angular-ui-bootstrap angular-ui


    【解决方案1】:

    我能够找到导致以下代码发生这种情况的原因:

    $scope.toggleMin = function() {
        $scope.inlineOptions.minDate = $scope.inlineOptions.minDate ? null : new Date();
        $scope.dateOptions.minDate = $scope.inlineOptions.minDate;
    };
    
    $scope.toggleMin();
    

    看起来 inlineOptions.minDate 在那里,所以三元运算符将其设置为 null。这有效地消除了任何 minDate。我认为这应该反过来,但我不确定逻辑。我确实知道,当我注释掉代码时,它会正常工作,正如您在下面的 plunker 中看到的那样:

    http://plnkr.co/edit/Krr6HMM8c4E1xY4Zj6F1?p=preview

    我认为三元运算符可能需要如下解决:

     $scope.inlineOptions.minDate = $scope.inlineOptions.minDate ? new Date() : null;
    

    我希望这会有所帮助。

    【讨论】:

    • 选择开始日期为 7 月 8 日,您可以选择 7 月 7 日作为结束日期。
    猜你喜欢
    • 1970-01-01
    • 2018-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多