【问题标题】:Validating datetime fields in asp.net验证asp.net中的日期时间字段
【发布时间】:2014-12-30 04:31:18
【问题描述】:

我的项目中有三个 AJAX 日历控件(开始日期、结束日期和生效日期)。它以 dd/MM/yyyy hh:mm:ss tt 格式选择日期。我想添加以下客户端验证:

  1. 结束日期应大于或等于开始日期。
  2. 生效日期应早于结束日期。

我曾尝试使用 CompareValidator,但它没有帮助,因为它不允许我比较时间。

是否有任何解决方法可以在客户端实现此验证。

【问题讨论】:

  • 您可以为StartDate/EndDate/EffectiveDate 发布样本吗?我假设你面对的是conversion of the Date objects
  • 将值转换为 Date 类型会产生奇怪的结果。以下是结果立即窗口输出: ?document.getElementById("txtCompletionDate").value "10/12/2014 12:37:21 PM" ?new Date(document.getElementById("txtCompletionDate").value) Sun Oct 12 12:37:21 UTC+0530 2014 [prototype]: Invalid Date 有没有办法在将值转换为 Date 类型时指定日期格式?

标签: javascript asp.net validation date datetime


【解决方案1】:

你可以使用 jquery 来做到这一点

//First check that textboxes are not empty
if($('input[id$=txtEndDate]').val()=="")
{
//Enter end date
return;
}
var endDate=new Date($('input[id$=txtEndDate]').val());
var startDate=new Date($('input[id$=txtStartDate]').val());
var effctDate=new Date($('input[id$=txtEffectiveDate]').val());

if(endDate>=startDate)
{
 //your code
}
else
{

}
if(effctDate>endDate)
{
 //your code
}
else
{

}

使用 Javascript

//First check that textboxes are not empty
if(document.getElementById("txtEndDate").value=="")
{
//Enter end date
return;
}
var endDate=new Date(document.getElementById("txtEndDate").value);
var startDate=new Date(document.getElementById("txtStartDate").value);
var effctDate=new Date(document.getElementById("txtEffectiveDate").value);

if(endDate>=startDate)
{
 //your code
}
else
{

}
if(effctDate>endDate)
{
 //your code
}
else
{

}

【讨论】:

  • 我试过这段代码,但我收到“JavaScript 运行时错误:'$' 未定义。
  • 你需要在你的页面中添加Jquery文件
  • @MandarPatil 你添加了 jquery 文件吗?
  • 使用 JavaScript 没有给出任何错误。但是将值转换为 Date 类型会产生奇怪的结果。以下是结果立即窗口输出: ?document.getElementById("txtCompletionDate").value "10/12/2014 12:37:21 PM" ?new Date(document.getElementById("txtCompletionDate").value) Sun Oct 12 12:37:21 UTC+0530 2014 [prototype]: Invalid Date 有没有办法在将值转换为 Date 类型时指定日期格式?
  • 在texboxes中不允许时间只允许日期。
猜你喜欢
  • 2018-02-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-07
  • 2019-06-03
  • 1970-01-01
相关资源
最近更新 更多