Question

如何设置第二个输入中的minDate引用第一个输入？我的HTML

<input type="text" class="datepicker" id="from">
<input type="text" class="datepicker" id="to">

我的JS

$('#from').datepicker({
  autoClose : true,
  format : 'dd mmm yyyy',
  minDate : new Date(),
$("#to").datepicker({
  autoClose : true,
  format : 'dd mmm yyyy',
  minDate: new Date()
})

http://jsfiddle.net/dedi_wibisono17/rt9780xs/16/ 我只是使用物化和jQuery。有人帮忙吗？谢谢

Answer 1

我有一些旧的代码。也许这就是您要寻找的。

JavaScript

$(document).ready(function(){

$.calendar_max_min = function(){

var ths = $(this);
var caltarget = ths.data("target");
var calcheck = ths.data("calcheck");
var calmin  = (ths.data("type") === "min") ? '' : $(caltarget+"[data-type='min']").prop("value");
var calmax  = (ths.data("type") === "max") ? '' : $(caltarget+"[data-type='max']").prop("value");

     if(!calcheck){
       ths.attr("data-calcheck","true");
       ths.datepicker({
       format: 'dd/mm/yyyy',
       startDate: calmin,
       endDate: calmax
            });
        ths.datepicker("show");
     }else{
        ths.datepicker("destroy");
       ths.datepicker({
       format: 'dd/mm/yyyy',
       startDate: calmin,
       endDate: calmax
            });
        ths.datepicker("show");
     }
};

$(".my_calendar, .my_calendar2").on("click",$.calendar_max_min);

});

尝试检查以下JSFiddle示例：https://jsfiddle.net/synz/g2yohfb6/

通过两个输入设置具有实现的MinDate Datepicker

1 个答案: