首页 新闻 会员 周边

jQuery 日历插件所选的日期早于现在提示错误并清空

0
悬赏园豆:5 [已关闭问题] 关闭于 2015-10-16 11:22

jQuery日历插件选择的日期早于当前时提示错误  同时u文本框清空

爱不绝迹的主页 爱不绝迹 | 菜鸟二级 | 园豆:201
提问于:2015-10-15 21:39
< >
分享
所有回答(2)
0

获取到你选择的时间,与DateTime.now判断一下,如果小于了就清空文本框,并弹出错误信息

如此低调的男人 | 园豆:842 (小虾三级) | 2015-10-16 09:22
0

// JavaScript Document
$(function(){
var setting={changeMonth:true, //显示选择月份的下拉列表
changeYear:true,//显示选择年份的下拉列表
showWeek:true,//显示日期对应的星期
showButtonPanel:true,//显示"关闭"按钮面板
closeText:"关闭",//设置关闭按钮的文本
yearRange:'2000:2020',//设置年份的范围
dateFormat:'yy-mm-dd',//设置显示在文本框中的日期格式
showAnim:"slideDown"//设置显示或隐藏日期选择窗口的方式。可以设置的方式有:"show"、"slideDown"、"fadeIn"
};
$( "#txtLeaveDate" ).datepicker(setting); //文本框和日历插件绑定


//判断选择的出行日期必须今天
$("#txtLeaveDate").change(function(){
var now=new Date(); //今天的时间
var future=new Date($(this).val());
var diff=future.getTime()-now.getTime();//毫秒
var days=diff/(1000*60*60*24); //相差的天数
if(days<=0){
$(this).next("span").text("出行的日期必须大于今天");
$(this).val("");
}
else{
$(this).next("span").text("");
}

});
});

爱不绝迹 | 园豆:201 (菜鸟二级) | 2015-10-16 11:20
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册