Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui 范围日期选择器集minDate_Jquery Ui - Fatal编程技术网

Jquery ui 范围日期选择器集minDate

Jquery ui 范围日期选择器集minDate,jquery-ui,Jquery Ui,正在尝试将此代码中的fromdate选定值设置为4天以上,但无法使其正常工作。我想要的是,当一个人选择第一个日历日期时,我希望第二个日期比选择的第一个日期晚4天 <?php // has all script and css includes include('includes/header.php'); ?> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js">&l

正在尝试将此代码中的fromdate选定值设置为4天以上,但无法使其正常工作。我想要的是,当一个人选择第一个日历日期时,我希望第二个日期比选择的第一个日期晚4天

<?php
// has all script and css includes
include('includes/header.php');
?>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<div class="container">
<div class="row">
<div class="span3"></div>
<div class="span9">
<input class='fromdate' id='fromdate' />
<input class='todate' id='todate' />
<input class='calculated' />
<!-- <input class='minim' /> -->
</div>
</div>
</div>
<script>
$('.fromdate').datepicker({
    dateFormat: 'mm-dd-yy',
    minDate:(+4)

});
$('.todate').datepicker({
    dateFormat: 'mm-dd-yy'
});
$('.fromdate').datepicker().bind("change", function () {
    var minValue = $(this).val();
    minValue = $.datepicker.parseDate("mm-dd-yy", minValue);
    $('.todate').datepicker("option", "minDate", minValue);
    calculate();
});
$('.todate').datepicker().bind("change", function () {
    var maxValue = $(this).val();
    maxValue = $.datepicker.parseDate("mm-dd-yy", maxValue);
    $('.fromdate').datepicker("option", "maxDate", maxValue);
    calculate();
});

function calculate() {
    var d1 = $('.fromdate').datepicker('getDate');
    var d2 = $('.todate').datepicker('getDate');
    var diff = 1;
    if (d1 && d2) {
        diff = diff + Math.floor((d2.getTime() - d1.getTime()) / 86400000); // ms per day
    }
    $('.calculated').val(diff);
    $('.minim').val(d1)
}
</script>

$('.fromdate').datepicker({
日期格式:“年月日”,
minDate:(+4)
});
$('.todate').datepicker({
日期格式:“mm-dd-yy”
});
$('.fromdate').datepicker().bind(“更改”,函数(){
var minValue=$(this.val();
minValue=$.datepicker.parseDate(“mm-dd-yy”,minValue);
$('.todate').datepicker(“选项”,“minDate”,minValue);
计算();
});
$('.todate').datepicker().bind(“更改”,函数(){
var maxValue=$(this.val();
maxValue=$.datepicker.parseDate(“mm-dd-yy”,maxValue);
$('.fromdate').datepicker(“选项”,“maxDate”,maxValue);
计算();
});
函数计算(){
变量d1=$('.fromdate').datepicker('getDate');
变量d2=$('.todate').datepicker('getDate');
var-diff=1;
如果(d1和d2){
diff=diff+Math.floor((d2.getTime()-d1.getTime())/86400000);//每天毫秒
}
$('计算').val(差异);
$('.minim').val(d1)
}
我找到了

$(document).ready(function () {
   $("#fromdate").datepicker({
        dateFormat: "mm-dd-yy",
        minDate: 0,
        onSelect: function (date) {
            var date2 = $('#fromdate').datepicker('getDate');
            date2.setDate(date2.getDate() + 4);
            $('#todate').datepicker('setDate', date2);
            //sets minDate to dt1 date + 4
            $('#todate').datepicker('option', 'minDate', date2);
        }
    });
    $('#todate').datepicker({
        dateFormat: "mm-dd-yy",
        onClose: function () {
            var dt1 = $('#fromdate').datepicker('getDate');
            var dt2 = $('#todate').datepicker('getDate');
            //check to prevent a user from entering a date below date of dt1
            if (dt2 <= dt1) {
                var minDate = $('#todate').datepicker('option', 'minDate');
                $('#todate').datepicker('setDate', minDate);
            }
        }
    });
});
$(文档).ready(函数(){
$(“#fromdate”).datepicker({
日期格式:“年月日”,
minDate:0,
onSelect:功能(日期){
var date2=$('#fromdate')。日期选择器('getDate');
date2.setDate(date2.getDate()+4);
$('todate').datepicker('setDate',date2);
//将minDate设置为dt1日期+4
$('todate')。日期选择器('option','minDate',date2);
}
});
$('#todate')。日期选择器({
日期格式:“年月日”,
onClose:function(){
var dt1=$('#fromdate')。日期选择器('getDate');
var dt2=$('#todate').datepicker('getDate');
//选中此项可防止用户输入dt1日期以下的日期
如果(dt2我找到了

$(document).ready(function () {
   $("#fromdate").datepicker({
        dateFormat: "mm-dd-yy",
        minDate: 0,
        onSelect: function (date) {
            var date2 = $('#fromdate').datepicker('getDate');
            date2.setDate(date2.getDate() + 4);
            $('#todate').datepicker('setDate', date2);
            //sets minDate to dt1 date + 4
            $('#todate').datepicker('option', 'minDate', date2);
        }
    });
    $('#todate').datepicker({
        dateFormat: "mm-dd-yy",
        onClose: function () {
            var dt1 = $('#fromdate').datepicker('getDate');
            var dt2 = $('#todate').datepicker('getDate');
            //check to prevent a user from entering a date below date of dt1
            if (dt2 <= dt1) {
                var minDate = $('#todate').datepicker('option', 'minDate');
                $('#todate').datepicker('setDate', minDate);
            }
        }
    });
});
$(文档).ready(函数(){
$(“#fromdate”).datepicker({
日期格式:“年月日”,
minDate:0,
onSelect:功能(日期){
var date2=$('#fromdate')。日期选择器('getDate');
date2.setDate(date2.getDate()+4);
$('todate').datepicker('setDate',date2);
//将minDate设置为dt1日期+4
$('todate')。日期选择器('option','minDate',date2);
}
});
$('#todate')。日期选择器({
日期格式:“年月日”,
onClose:function(){
var dt1=$('#fromdate')。日期选择器('getDate');
var dt2=$('#todate').datepicker('getDate');
//选中此项可防止用户输入dt1日期以下的日期
如果(dt2