minDate:0，不适用于日期选择器 [英] minDate: 0, not working in datepicker

问题描述

我正在为我的CodeIgniter应用程序使用AdminLte模板，从那开始，我正在使用Datepicker插件.我正在尝试添加minDate功能来限制用户从当前日期访问以前的日期，但是minDate: 0无法正常工作，而且我也可以选择以前的日期.

I'm using a AdminLte template for my CodeIgniter application, and from that I'm using a Datepicker plugin. I'm trying to add minDate functionality to restrict user to access previous date from current date, but the minDate: 0 is not working and I'm able to pick previous date also.

这是我的JS:

$('#datepicker5').datepicker({
      autoclose: true,
      //changeYear: true,
      minDate: 0,
    });

和

$('#datepicker5').datepicker({
      autoclose: true,
      //changeYear: true,
      minDate: new Date(),
    })

今天的日期是 2017年12月12日，但是我也可以选择以前的日期. 两者都不起作用.

Today's date is 12 Dec. 2017 but I can select previous date also. Both are not working.

我正在使用两个具有两个不同ID的日期选择器.一个是datepicker4和datepicker5，我正在计算diff.它们之间.为此，我编写了以下JS:

I'm using two date pickers with two different ID's. One is datepicker4 and datepicker5, and I'm calculating diff. between them. For that I've written following JS:

$('#datepicker4').datepicker();
  $('#datepicker5').datepicker();
  $('#datepicker5').change(function () {
      var gasDiff= $('#datepicker4').datepicker("getDate") - $('#datepicker5').datepicker("getDate");
      var result = gasDiff / (1000 * 60 * 60 * 24) * -1;

      document.getElementById("gasDiff").value = result;
  });

即使我可以选择发布日期之前的到期日期. 实际上，我想选择发布日期在当前日期之前还是当前日期，并在当前日期之后选择到期日期.

Even I can able to select expiry date before issue date. Actually I want to pick issue date before or current date, and expiry date after current date.

$('#datepicker1').datepicker({
    autoclose: true,
    endDate: new Date(),
    todayHighlight: true,

  });

  $("#datepicker1").on("change",function(){
        var selected = "Are you sure you want to select this date ?";
        alert(selected);
    });
  //$('#datepicker1')..inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' });

  $('#datepicker2').datepicker({
    autoclose: true,
    todayHighlight: true,
    startDate: new Date(),
  });

  $('#datepicker1', '#datepicker2').change(function(){
    var certDiff= $('#datepicker1').datepicker("getDate") - $('#datepicker2').datepicker("getDate");    
    var result = certDiff / (1000 * 60 * 60 * 24) * -1;
    //("#certDiff").text(result);
    document.getElementById("certDiff").value = result;
    //document.getElementById("certDiff").innerHTML = result;
  });

请提供任何帮助，谢谢.

Please any kind of help is welcome, Thanks in advance.

推荐答案

如所述bootstrap-datepicker插件正在使用startDate: new Date()属性

As described bootstrap-datepicker plugin is working with startDate: new Date() attribute

$('#datepicker4').datepicker({
autoclose: true,
startDate: new Date() 
});

$('#datepicker5').datepicker({
 autoclose: true,
 startDate: new Date(),
}).change(function(){
var gasDiff= $('#datepicker4').datepicker("getDate") - $(this).datepicker("getDate");    
var result = gasDiff / (1000 * 60 * 60 * 24) * -1;
  $("#gasDiff").text(result);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css" rel="stylesheet"/>

<input type="text" id="datepicker4"/>
<input type="text" id="datepicker5"/>
<div id="gasDiff">

</div>

这篇关于minDate:0，不适用于日期选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！