【问题标题】:Unable to set minDate and MaxDate in Angular js datepicker无法在 Angular js datepicker 中设置 minDate 和 MaxDate
【发布时间】:2018-02-19 16:49:43
【问题描述】:

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

<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 + ')");
});

【问题讨论】:

标签: javascript jquery angularjs datepicker


【解决方案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
猜你喜欢
  • 2017-04-07
  • 2023-03-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-07-03
  • 1970-01-01
  • 2017-05-24
相关资源
最近更新 更多