我想在jquery UI日期选择器中设置关于第一个值的第二个日期选择器值

时间:2012-06-20 09:44:05

标签: jquery

如果有两个日期选择器1用于签入日期而另一个用于结账我想要如果我选择28-06-2012在签入它自动禁用日期befor 29-06-2012在结帐日期选择器 这是代码

$(document).ready(function () {
    function getDateYymmdd(value) {
        if (value == null)
            return null;
        return $.datepicker.parseDate("yy-mm-dd", value);
    }

    $('.date').datepicker({ minDate: 1, dateFormat: "dd-mm-yy" });

    $('.date').each(function () {
        var minDdate = getDateYymmdd($(this).data(""));
        var maxDate = getDateYymmdd($(this).data("val-rangedate-max"));
        $(this).datepicker({

            maxDate: maxDate
        });
    });
    });

3 个答案:

答案 0 :(得分:2)

使用“ Jquery Ui日期选择器”,DatePicker with Date Range Demo

答案 1 :(得分:1)

你正在使用bootstrap日期纠察队,有一些默认函数定义,

我有这样的东西: 这也可以帮助你

jQuery(".dateone").datepicker({
         dateFormat:"yy-mm-dd",
         changeMonth: true,
         changeYear: true,
         minDate: 1,
     });

     jQuery(".datetwo").datepicker({
         dateFormat:"yy-mm-dd",
         changeMonth: true,
         changeYear: true,
         minDate: new Date($('.dateone').val()),
        });

答案 2 :(得分:0)

$( "#frmDateStatusLog").datepicker({
    onSelect: function(dateText, inst){
          $("#toDateStatusLog").datepicker("option","minDate",$("#frmDateStatusLog").datepicker("getDate"));
    }
  });
  $( "#toDateStatusLog").datepicker({
    minDate: $("#frmDateStatusLog").datepicker("getDate")
  });

Demo