Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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
Javascript 无插件的日期选择器开始日期和完成日期验证_Javascript_Jquery_Asp.net Mvc 3_Jquery Ui_Datepicker - Fatal编程技术网

Javascript 无插件的日期选择器开始日期和完成日期验证

Javascript 无插件的日期选择器开始日期和完成日期验证,javascript,jquery,asp.net-mvc-3,jquery-ui,datepicker,Javascript,Jquery,Asp.net Mvc 3,Jquery Ui,Datepicker,使用Asp.NETMVC4和JqueryUI 我有两个文本框,为我提供日期选择器。我需要验证;开始日期可以等于完成日期,完成日期不能小于开始日期 日期选择器脚本代码 <script> $(function () { $(".date").datepicker({ changeMonth: true, changeYear: true }); }); </script> })

使用Asp.NETMVC4和JqueryUI

我有两个文本框,为我提供日期选择器。我需要验证;开始日期可以等于完成日期,完成日期不能小于开始日期

日期选择器脚本代码

<script>
    $(function () {
        $(".date").datepicker({
            changeMonth: true,
            changeYear: true
        });
    });

</script>
}))


我认为这可能会对您有所帮助,当您更改其中一个日期选择器时,如果两者不同,则会显示错误。同时将
isValid
变量也设置为false,以阻止其提交

<script>
    var isValid=true;
    $(function () {
        $(".date").datepicker({
            changeMonth: true,
            changeYear: true,
            onSelect: function() {
                var date1 = $("#dt1").datepicker('getDate');
                var date2 = $("#dt2").datepicker('getDate');
                if (date1.getDate() === date2.getDate() && 
                    date1.getMonth() === date2.getMonth() &&
                    date1.getFullYear() === date2.getFullYear())
                {
                     isValid=false;
                     //ALERT error 
                }
            }
        });
    });

</script>

var isValid=true;
$(函数(){
$(“.date”).datepicker({
变化月:对,
变化年:是的,
onSelect:function(){
var date1=$(“#dt1”).datepicker('getDate');
var date2=$(“#dt2”).datepicker('getDate');
如果(date1.getDate()==date2.getDate()&&
date1.getMonth()==date2.getMonth()&&
date1.getFullYear()==date2.getFullYear())
{
isValid=false;
//警报错误
}
}
});
});

何时显示两个日期的验证相等?我的意思是当你检查日期或点击提交时,感谢你的回答。我需要这样的东西。请检查此链接:好,问题解决了。如果有人需要,这里有不同的解决方案
$(document).ready(function () {

$("#dt1").datepicker({
    dateFormat: "dd-M-yy",
    minDate: 0,
    onSelect: function (date) {
        var dt2 = $('#dt2');
        var startDate = $(this).datepicker('getDate');
        var minDate = $(this).datepicker('getDate');
        dt2.datepicker('setDate', minDate);
        startDate.setDate(startDate.getDate() + 30);
        //sets dt2 maxDate to the last day of 30 days window
        dt2.datepicker('option', 'maxDate', startDate);
        dt2.datepicker('option', 'minDate', minDate);
        $(this).datepicker('option', 'minDate', minDate);
    }
});
$('#dt2').datepicker({
    dateFormat: "dd-M-yy"
});
<script>
    var isValid=true;
    $(function () {
        $(".date").datepicker({
            changeMonth: true,
            changeYear: true,
            onSelect: function() {
                var date1 = $("#dt1").datepicker('getDate');
                var date2 = $("#dt2").datepicker('getDate');
                if (date1.getDate() === date2.getDate() && 
                    date1.getMonth() === date2.getMonth() &&
                    date1.getFullYear() === date2.getFullYear())
                {
                     isValid=false;
                     //ALERT error 
                }
            }
        });
    });

</script>