如何将输入标记调用到c#代码

时间:2016-02-01 07:06:18

标签: c# asp.net twitter-bootstrap datepicker

我正在使用引导来显示日历,以便用户选择日期范围并从数据库中调用数据。我从以下链接使用它。 https://eonasdan.github.io/bootstrap-datetimepicker/

它工作正常,但因为这是使用输入标记。我不知道如何调用后面的代码(C#)。请注意我正在使用asp.net。

                <td style="width:200px">

                <div class="form-group">
                    <div class="form-group">
                        <div class='input-group date' id='datetimepicker6'>
                            <input type='text' class="form-control" id="Tdate1" runat="server" name="Tdate1"/>
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>
            </td>
            <td style="width:100px">&nbsp;<span style="padding-left:40%; padding-bottom:20%" class="glyphicon glyphicon-arrow-right"></span>&nbsp;</td>
            <td  style="width:200px">
                <div class="form-group">
                    <div class='input-group date' id='datetimepicker7'>
                        <input type='text' class="form-control" id="Tdate2" />
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </td>



   <script type="text/javascript">
     $(function () {
         $('#datetimepicker6').datetimepicker({
             format: 'DD/MM/YYYY'
         });
         $('#datetimepicker7').datetimepicker({
             format: 'DD/MM/YYYY',
             useCurrent: false //Important! See issue #1075

         });
         $("#datetimepicker6").on("dp.change", function (e) {

             $('#datetimepicker7').data("DateTimePicker").minDate(e.date);

         });
         $("#datetimepicker7").on("dp.change", function (e) {
             $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
         });
     });

关于我正在努力实现的目标的更多信息。

SqlCommand cmddetail = new SqlCommand();
    cmddetail.Connection = con;
    cmddetail.CommandType = CommandType.Text;

    cmddetail.CommandText = " SELECT * FROM ";
    cmddetail.CommandText += " WHERE DATE1 >= '" + //calling Tdate1 + "'  AND DATE2 <= '" //calling Tdate2 ";

通常,如果我们使用下拉列表,我们只需通过ddl.selectedvalue调用它。 如果它是文本的形式。我们只需要“string name123 = textbox1.text”,然后在sql中调用name123。

因为这是使用输入类型。如何在后面的代码中调用它?

2 个答案:

答案 0 :(得分:1)

通常在ASP.NET中使用

<asp:TextBox Class="form-control" ID="Tdate1" runat="server" ToolTip="Tdate1"/>

而不是

<input type='text' class="form-control" id="Tdate1" runat="server" name="Tdate1"/>

并通过调用Text属性Tdate1.Text

来访问它

答案 1 :(得分:1)

您可以将属性runat="server"放在<input>控件中,这样您就可以在后面的代码中找到它。

另外,当您在查询中输入输入值时,请使用SqlCommand参数,以阻止来自Sql Injection。在这里你可以做到这一点。

SqlCommand cmddetail = new SqlCommand();
cmddetail.Connection = con;
cmddetail.CommandType = CommandType.Text;

cmddetail.CommandText = @" SELECT * FROM WHERE DATE1 >= @CallingDate1 AND DATE2 <= @CallingDate2";
cmddetail.Parameters.AddWithValue("@CallingDate1", input1Cnl.Text);
cmddetail.Parameters.AddWithValue("@CallingDate2", input2Cnl.Text);

在开始字符串之前使用符号@,您可以在多行上写字符串。你可以使用它。