Question

我将行添加到表添加新字段但是datepicker无法正常工作。可能是多个datepicker.i的coz只需要从当前日期开始的datepicker然后将从第一个选择的相同日期开始。

var mydate = new Date();
jQuery(document).on('focus', ".datefrom", function () {
    jQuery(this).datepicker({
        format: 'dd-mm-yy',
        minDate: new Date()
    }).on('dateSelected', function (e, date)
    {
        mydate = date;
    });
});
jQuery(document).on('focus', ".datetill", function () {
    jQuery(this).datepicker({
        format: 'dd-mm-yy',
        minDate: mydate
    });
});

提前致谢。

快照：1

小提琴链接https://jsfiddle.net/3oyxc97g/16/

Answer 1

在选择第一个日期选择器时启动第二个日期选择器

   var mydate = new Date();
jQuery(document).on('focus', ".datefrom", function() {
  jQuery(this).datepicker({
    format: 'dd-mm-yy',
    minDate: new Date()
  }).on('changeDate', function() {
    mydate = this.value;
    dates = mydate.split('-');
    mydate = dates[1]+'-'+dates[0]+'-'+dates[2];

    jQuery(".datetill").datepicker('destroy').datepicker({
      format: 'dd-mm-yy',
      startDate: new Date(mydate)
    });
  });
});

https://jsfiddle.net/3oyxc97g/31/

Answer 2

试

var mydate=new Date();  
jQuery(document).on('focus',".datefrom", function(){ 
jQuery(this).datepicker({ 
      format : 'dd-mm-yyyy',
      autoclose :  true,
      todayHighlight : true,
      startDate : new Date()
}).on('changeDate', function(ev)
{
  mydate=jQuery('.datefrom').val();
});
});
......

jQuery datepicker在追加后无法正常工作

2 个答案: