无法在 Angular js datepicker 中设置 minDate 和 MaxDate

Posted 2023-05-09

【中文标题】无法在 Angular js datepicker 中设置 minDate 和 MaxDate

【英文标题】：Unable to set minDate and MaxDate in Angular js datepicker

【发布时间】：2018-02-19 16:49:43

【问题描述】：

我对 Angular JS 非常陌生，我正在尝试将 minDate 和 maxDate 修复为从和到日期选择器，我尝试了下面的代码，但它不起作用：

<input type="text" name="mydate" id="sd" min-date="minDate" placeholder="Select a date" class="form-control datepicker" min-date="minDate" ng-model="enquiry.startdate" ng-blur="updateRate()" required>
    <span class="input-group-addon">
        <i class="fa fa-calendar"></i>
    </span>

以下是我的控制器代码：

function enquiryCtrl($scope,DataServices,$stateParams,SweetAlert,$state,DTOptionsBuilder,DTColumnDefBuilder)
    // some other code
    var date = new Date();
    $scope.minDate=date; //I am trying to set today date as minDate

但它不起作用，它也需要过去的日期

以下是编辑后的代码

function getMinDate()

    console.log("From Date---- "+$('#sd').text())
    return $('#sd').val();


$('#dd').daterangepicker(
    "singleDatePicker": true,
    "dateLimit": 
        "days": 7
    ,


    "minDate":getMinDate(),

,function(start, end, label) 
      console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
);

$('#sd').daterangepicker(
    "singleDatePicker": true,
    "dateLimit": 
        "days": 7
    ,
    "startDate": new Date(),
    "endDate": new Date(),
    "minDate": new Date()
,function(start, end, label) 
      console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
);

【问题讨论】：

angular-ui.github.io/bootstrap/#!#datepicker 请看这个。

第一个日期有一个名为 angular datepicker check this link it is same as yours

的凉亭

@Vignesh 嗨，但我需要这样的方式，到目前为止还有其他方法吗？

【参考方案1】：

<div class="demo">
<p>Date: <input type="text" id="datepicker" /></p>

$(函数() $( "#datepicker" ).datepicker( 日期格式：“日/月/年”， 更改年份：是的， 更改年份：是的， minDate：新日期（）， maxDate: 新日期(2017, 10-1, 30) ); );

【讨论】：

我们可以动态设置 minDate 和 maxDate 吗？

是的，我们只能使用日期范围选择器来做到这一点

可以。我有什么例子吗？

我尝试了一个具有三个日期范围并且工作正常的小提琴看看js fiddle link