通过两个输入设置 MinDate Datepicker 和 Materialize答案

【问题标题】：Set MinDate Datepicker with Materialize by two input通过两个输入设置 MinDate Datepicker 和 Materialize
【发布时间】：2018-08-12 05:54:51
【问题描述】：

如何在第二个输入中设置 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。有人帮忙吗？谢谢

【问题讨论】：

标签： javascript jquery html datepicker materialize

【解决方案1】：

我得到了一些旧代码。也许这就是你要找的。p>

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/

【讨论】：

是的，你的代码是有效的，如果我使用物化可能吗？我仍然很难通过基于文档的物化来创建
是的，你可以。检查这个以实现jsfiddle.net/synz/as5f901b