如何在jquery日历中使用验证 [英] How to use validation in jquery calendaer
问题描述
听到我的代码如下 -
< script type =text / javascript>
$（document）.ready（function（）{
$（＃txtaddDateOfIssue）。datepicker（{
// maxDate： - 18Y
dateFormat：'dd / M / yy'
，changeMonth：true
，changeYear：true
}）;
BulkMethodCall（）; < br $>
var prm = Sys.WebForms.PageRequestManager.getInstance（）;
prm.add_endRequest（function（）{
BulkMethodCall（）;
}）;
function BulkMethodCall（）{
$（'。googleJqueryDate'）。datepicker（{
dateFormat：'dd / M / yy'
，changeMonth：true
，changeYear：true
//，yearRange： - 50：+ 0
，minDate：0
，onSelect：function（date，inst）{
if（inst.id ==ctl00_content_txtaddDateOfReturn）{
if（$（'＃ctl00_content_txtaddDateOfIssue'）。val（）==）{
$（'＃ctl00_content_txtaddDateOfReturn'）。val（）;
alert（'请先选择日期！'）;
}
else {
var StartDate = $（'＃ctl00_content_txtaddDateOfIssue'）。val（）;
var EndDate = $（'＃ctl00_content_txtaddDateOfReturn'）。val（）;
var dt1 = parseInt（StartDate.substring（0,2），10）;
var mon1 = StartDate.substring（3,6）;
var yr1 = parseInt （StartDate.substring（7， 11），10）;
var StartdateNew =新日期（yr1，GetMonthValue（mon1） - 1，dt1）;
var BTDate1 = parseInt（EndDate.substring（0,2），10）;
var BTMon1 = EndDate.substring（3,6）;
var BTYear1 = parseInt（EndDate。 substring（7,11），10）;
var EndDateNew =新日期（BTYear1，GetMonthValue（BTMon1） - 1，BTDate1）;
if（EndDateNew< StartdateNew）{
alert（'离开结束日期不能早于离开开始日期！'）;
$（this）.val（）;
}
}
}
else {
$（'＃ctl00_content_txtaddDateOfReturn'） .val（）;
}
}
}）;
function GetMonthValue（monthname）{
var monthvalue;
switch（monthname）{
caseJan：monthvalue = 1;休息;
caseFeb：monthvalue = 2;休息;
案例Mar：monthvalue = 3;休息;
caseApr：monthvalue = 4;休息;
案例May：monthvalue = 5;休息;
案例Jun：monthvalue = 6;休息;
案例Jul：monthvalue = 7;休息;
案例Aug：monthvalue = 8;休息;
caseSep：monthvalue = 9;休息;
caseOct：monthvalue = 10;休息;
案例11月：月值= 11;休息;
案例Dec：monthvalue = 12;休息;
}
返回月值;
}
$（'。googleJqueryDate'）。attr（占位符，dd / MM / yyyy）;
$（'。googleJqueryDate'）。attr（onkeyup， return false;）;
$（'。googleJqueryDate'）。attr（onkeydown，return false;）;
$（'。googleJqueryDate' ）.attr（onPaste，return false;）;
}
}） ;
< / script>
我尝试过：
i想要点击一个文本然后选择daten然后如果我点击下一个文本那么它会显示你不能选择最短的日期
请帮帮我
hear is my code given below--
<script type="text/javascript">
$(document).ready(function () {
$("#txtaddDateOfIssue").datepicker({
// maxDate: "-18Y"
dateFormat: 'dd/M/yy'
, changeMonth: true
, changeYear: true
});
BulkMethodCall();
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
BulkMethodCall();
});
function BulkMethodCall() {
$('.googleJqueryDate').datepicker({
dateFormat: 'dd/M/yy'
, changeMonth: true
, changeYear: true
//, yearRange: "-50:+0"
, minDate: 0
, onSelect: function (date, inst) {
if (inst.id == "ctl00_content_txtaddDateOfReturn") {
if ($('#ctl00_content_txtaddDateOfIssue').val() == "") {
$('#ctl00_content_txtaddDateOfReturn').val("");
alert('Please Choose From Date First!');
}
else {
var StartDate = $('#ctl00_content_txtaddDateOfIssue').val();
var EndDate = $('#ctl00_content_txtaddDateOfReturn').val();
var dt1 = parseInt(StartDate.substring(0, 2), 10);
var mon1 = StartDate.substring(3, 6);
var yr1 = parseInt(StartDate.substring(7, 11), 10);
var StartdateNew = new Date(yr1, GetMonthValue(mon1) - 1, dt1);
var BTDate1 = parseInt(EndDate.substring(0, 2), 10);
var BTMon1 = EndDate.substring(3, 6);
var BTYear1 = parseInt(EndDate.substring(7, 11), 10);
var EndDateNew = new Date(BTYear1, GetMonthValue(BTMon1) - 1, BTDate1);
if (EndDateNew < StartdateNew) {
alert('Leave End Date can not be earlier than Leave Start Date!');
$(this).val("");
}
}
}
else {
$('#ctl00_content_txtaddDateOfReturn').val("");
}
}
});
function GetMonthValue(monthname) {
var monthvalue;
switch (monthname) {
case "Jan": monthvalue = 1; break;
case "Feb": monthvalue = 2; break;
case "Mar": monthvalue = 3; break;
case "Apr": monthvalue = 4; break;
case "May": monthvalue = 5; break;
case "Jun": monthvalue = 6; break;
case "Jul": monthvalue = 7; break;
case "Aug": monthvalue = 8; break;
case "Sep": monthvalue = 9; break;
case "Oct": monthvalue = 10; break;
case "Nov": monthvalue = 11; break;
case "Dec": monthvalue = 12; break;
}
return monthvalue;
}
$('.googleJqueryDate').attr("placeholder", "dd/MM/yyyy");
$('.googleJqueryDate').attr("onkeyup", "return false;");
$('.googleJqueryDate').attr("onkeydown", "return false;");
$('.googleJqueryDate').attr("onPaste", "return false;");
}
});
</script>
What I have tried:
i want to try when i click one text and select daten then if i click next text then it will show you cant select minimum date
please help me
推荐答案
（document）.ready（function（）{
(document).ready(function () {
（＃txtaddDateOfIssue ）.datepicker（{
// maxDate： - 18Y
dateFormat：'dd / M / yy'
，changeMonth：true
，changeYear：true
}）;
BulkMethodCall（）;
var prm = Sys.WebForms.PageRequestManager.getInstance（）;
prm.add_endRequest（function（）{
BulkMethodCall（）;
}）;
函数BulkMethodCall（）{
("#txtaddDateOfIssue").datepicker({
// maxDate: "-18Y"
dateFormat: 'dd/M/yy'
, changeMonth: true
, changeYear: true
});
BulkMethodCall();
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
BulkMethodCall();
});
function BulkMethodCall() {
（'。googleJqueryDate'）。datepicker（{
dateFormat：'dd / M / yy'
，changeMonth：true
，changeYear：true
//，yearRange： - 50：+0
，minDate：0
，onSelect：function（date，inst）{
if（inst.id） ==ctl00_content_txtaddDateOfReturn）{
if（
('.googleJqueryDate').datepicker({
dateFormat: 'dd/M/yy'
, changeMonth: true
, changeYear: true
//, yearRange: "-50:+0"
, minDate: 0
, onSelect: function (date, inst) {
if (inst.id == "ctl00_content_txtaddDateOfReturn") {
if (
这篇关于如何在jquery日历中使用验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
