Javascript 无插件的日期选择器开始日期和完成日期验证
使用Asp.NETMVC4和JqueryUI 我有两个文本框,为我提供日期选择器。我需要验证;开始日期可以等于完成日期,完成日期不能小于开始日期 日期选择器脚本代码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> })
<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>