文本框中的 Asp.Net 日期选择器控件答案

【问题标题】：Asp.Net Date Picker Control from the Text Box文本框中的 Asp.Net 日期选择器控件
【发布时间】：2013-08-08 10:32:46
【问题描述】：

我有 2 个文本框接受来自日历控件的日期。一个是From，另一个是To。我想相应地采取如下日期。

在第一个文本框（从）上，它只能取今天和任何其他上一个日期。但是，第二个文本框（To），它需要今天的日期，并且它的日期应该不小于第一个文本框的日期。

我如何在 .net 中做到这一点。这是我的代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"   Inherits="Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css"  rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
<script type="text/javascript">
$(function() {
$("#txtfrom").datepicker({ maxDate:0 });
});
</script>

<script type="text/javascript">
$(function () {
    $("#txtto").datepicker({});
});
</script>


<style type="text/css">
.ui-datepicker { font-size:8pt !important}
</style>
</head>

<body>
<form id="form1" runat="server">
<div class="demo">
<b>From:</b> <asp:TextBox ID="txtfrom" runat="server" />
&nbsp &nbsp

<b>To:</b><asp:TextBox ID="txtto" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>

我的第一个文本框工作正常。但是你能帮忙编写第二个文本框的代码吗？

【问题讨论】：

基本上，您处理 onSelect 事件。选择日期后，检查它是否早于今天的日期和第一个日历日期。

标签： javascript asp.net

【解决方案1】：

像这样设置你的日期选择器：

        $("#txtFrom").datepicker({
            onSelect: function (selectedDate) {
                $("#txtTo").datepicker("option", "minDate", selectedDate);
            }
        });

        $("#txtTo").datepicker({
            onSelect: function (selectedDate) {
                $("#txtFrom").datepicker("option", "maxDate", selectedDate);
            }
        });

当在日期选择器中选择日期时，它的有效作用是分别更改 txtFrom 和 txtTo 的 option minDate 和 maxDate .

【讨论】：

我正在使用 java 脚本日期选择器。所以，我认为这里不使用 onselect:functon。
从您发布的代码看来，您正在使用 jQuery UI DatePicker。

【解决方案2】：

只需像迄今为止所做的那样添加新行：

$(function () {
  $('[id$=txtTo]').datepicker();
  $('[id$=txtFrom]').datepicker();
});

而且没有必要使用 {} 如果要添加范围，请尝试以下代码：

$('[id$=txtFrom]').datepicker({
        onSelect: function (selectedDate) {
            $('[id$=txtTo]').datepicker("option", "minDate", selectedDate);
        }
    });

    $('[id$=txtFrom]').datepicker({
        onSelect: function (selectedDate) {
            $('[id$=txtFrom]').datepicker("option", "maxDate", selectedDate);
        }
    });

【讨论】：

这是一个不错的代码。但是，我想比较这两个文本框之间的日期。在第一个文本框中，它将上一个日期带到今天。但是，在第二个文本框中，它的日期不应小于第一个文本框的日期，并且日期为今天。

【解决方案3】：

删除{}

$("#txtto").datepicker({});

我认为。

【讨论】：

在这个脚本中我必须给出条件。在这里我可以给出今天日期可以通过的条件。
但是，我不知道它应该如何将日期与第一个文本框进行比较，这不会少于第一个文本框。