如何在后面的代码中读取datepicker并将其添加到数据库 - jquery [英] how to read datepicker in code behind and add it to the database - jquery
本文介绍了如何在后面的代码中读取datepicker并将其添加到数据库 - jquery的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有一个代码，我希望它在数据库上添加日期，但当我执行代码时，它说
对象引用未设置为一个实例对象。
这是我的jquery日历控件
< head> ;
< meta charset = utf-8 />
< title> jQuery UI Datepicker - 默认功能< / title >
< link rel = stylesheet href = http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery -ui.css />
< script src = http://code.jquery.com/jquery-1.9.1.js > < / script >
< script src = http://code.jquery.com/ui/ 1.10.3 / jquery-ui.js > < / script >
< link rel = stylesheet href = / resou rces / demos / style.css />
< script >
$ （文件）.ready（function（）{
<％ - 日期用于选举 - ％> ;
$（ ＃dt1）。datepicker（{
dateFormat： dd-M-yy，
minDate： 0 ，
onSelect：function（date）{
var date2 = $（ ＃dt1'）。datepicker（' getDate'）;
date2.setDate（date2.getDate（）+ 1 ）;
$（' ＃dt2'）。datepicker（' setDate'，date2）;
// 将minDate设置为dt1 date + 1
$（' ＃dt2'）。datepicker（' option'，' minDate'，date2）;
}
}）;
$（' ＃dt2'）。datepicker（{
dateFormat：< span class =code-string> dd-M-yy，
minDate： 1 ，
onClose：function（）{
var dt1 = $（ ' ＃dt1'）。datepicker（' getDate'）;
var dt2 = $（' ＃dt2'）。datepicker（' getDate'） ;
// 检查以防止用户输入日期低于dt1的日期
if （dt2 < = dt1）{
var minDate = $（' ＃dt2'）。datepicker（' 选项'，' 的minDate'）;
$（' ＃dt2'）。datepicker（' setDate'，minDate）;
}
}
}）;
<％ - 日期 派对 - ％>
$ （ ＃pt1）。datepicker（{
dateFormat： dd-M-yy，
minDate： 0 ，
onSelect：function（date）{
var date2 = $（'' ＃pt1'）。datepicker（' getDate'）;
date2.setDate（date2.getDate（）+ 1 ）;
$（' ＃pt2'）。datepicker（' setDate'，date2） ;
// 将minDate设置为dt1 date + 1
$（' ＃pt2'）。datepicker（' option'，' minDate'，date2）;
}
}）;
$（' ＃pt2'）。datepicker（{
dateFormat：< span class =code-string> dd-M-yy，
minDate： 1 ，
onClose：function（）{
var dt1 = $（ ' ＃pt1'）。datepicker（' getDate'）;
var dt2 = $（' ＃pt2'）。datepicker（' getDate'） ;
// 检查以防止用户输入日期低于dt1的日期
if （dt2 < = dt1）{
var minDate = $（' ＃pt2'）。datepicker（' 选项'，' 的minDate'）;
$（' ＃pt2'）。datepicker（' setDate'，minDate）;
}
}
}）;
}）;
< / script >
< / head >
< table border = 0 cellpadding = 2 style = < span class =code-string> width：700px; >
< asp：Label ID = Label1 runat = 服务器 ForeColor = 绿色 Text = > < / asp：Label >
< tr>
< td style = 颜色：＃5D7B9D; align = center>选举名称：< / < span class =code-leadattribute> td >
< td>
< asp：TextBox ID = txtElectionName AutoPostBack = true runat = server样式= 颜色：＃5D7B9D;宽度：150px; border-color：＃5D7B9D ; border-width：1px; border-style：Solid; > < / asp：TextBox >
< asp：RequiredFieldValidator ID = RequiredFieldValidator1 ControlToValidate = txtElectionName ForeColor = 红色 runat = server ErrorMessage = 请输入选举名称。 > < / asp：RequiredFieldValidator >
< / td >
< / tr >
<％ - 选举开始日期 - ％>
< tr>
< td style = 颜色：＃5D7B9D; align = center>选举开始日期：< / td >
< td>
< input type = text id = dt1 />
< / td >
< / tr >
< tr>
< td style = 颜色：＃5D7B9D; align = center>选举结束日期：< / td >
< td>
< input type = text id = dt2 />
< / td >
< / tr >
< tr>
< td style = 颜色：＃5D7B9D; align = center>添加派对开始日期：< / td >
< td>
< input type = text id = pt1 />
< / td >
< / tr >
< tr>
< td style = 颜色：＃5D7B9D; align = center>添加参与方结束日期：< / td >
< td>
< input type = text id = pt2 />
< / td >
< / tr >
< tr>
< td align = right >
< br />
< asp：标签ID = lblResults runat = server Text = > < / asp：标签 >
< asp：按钮ID = < span class =code-string> AddElection runat = server Text = 提交 OnClick = AddElection_Click Style = color：white; width：100px; background -color：＃284775; border-color：＃5D7B9D; border-width：1px; bor der-style：Solid; />
< / td >
< / tr >
< / table >
这是我的代码背后
受保护 无效 AddElection_Click（ object sender，EventArgs e）
{
string estart = Request。表格[ dt1];
string eend = Request.Form [ DT2\" ];
string pstart = Request.Form [ PT1\" ];
string pend = Request.Form [ PT2\" ];
NewElection elec = new NewElection（txtElectionName.Text，Request [ estart]。ToString（），Request [ eend]。ToString（），请求[ pstart]。ToString（），请求[ pend]。的ToString（））;
elections.AddElections（elec）;
Label1.Text = 感谢您添加选举。;
}
解决方案
（document）.ready（function（） {
<％ - 日期 选举 - ％>
（ ＃dt1）。datepicker（{
dateFormat ： dd-M-yy，
minDate： 0 ，
onSelect：function（date）{
var date2 =
< blockquote>（' ＃dt1'）。datepicker（' getDate'）;
date2.setDate（date2.getDate（）+ 1 ）;
i have a code that i want it to add dates on the database but when i execute the code it says
Object reference not set to an instance of an object.
here is my jquery calender control
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(document).ready(function () {
<%-- Dates for election--%>
$("#dt1").datepicker({
dateFormat: "dd-M-yy",
minDate: 0,
onSelect: function (date) {
var date2 = $('#dt1').datepicker('getDate');
date2.setDate(date2.getDate() + 1);
$('#dt2').datepicker('setDate', date2);
//sets minDate to dt1 date + 1
$('#dt2').datepicker('option', 'minDate', date2);
}
});
$('#dt2').datepicker({
dateFormat: "dd-M-yy",
minDate: 1,
onClose: function () {
var dt1 = $('#dt1').datepicker('getDate');
var dt2 = $('#dt2').datepicker('getDate');
//check to prevent a user from entering a date below date of dt1
if (dt2 <= dt1) {
var minDate = $('#dt2').datepicker('option', 'minDate');
$('#dt2').datepicker('setDate', minDate);
}
}
});
<%-- Dates for Party--%>
$("#pt1").datepicker({
dateFormat: "dd-M-yy",
minDate: 0,
onSelect: function (date) {
var date2 = $('#pt1').datepicker('getDate');
date2.setDate(date2.getDate() + 1);
$('#pt2').datepicker('setDate', date2);
//sets minDate to dt1 date + 1
$('#pt2').datepicker('option', 'minDate', date2);
}
});
$('#pt2').datepicker({
dateFormat: "dd-M-yy",
minDate: 1,
onClose: function () {
var dt1 = $('#pt1').datepicker('getDate');
var dt2 = $('#pt2').datepicker('getDate');
//check to prevent a user from entering a date below date of dt1
if (dt2 <= dt1) {
var minDate = $('#pt2').datepicker('option', 'minDate');
$('#pt2').datepicker('setDate', minDate);
}
}
});
});
</script>
</head>
<table border="0" cellpadding="2" style="width: 700px;">
<asp:Label ID="Label1" runat="server" ForeColor="Green" Text=""></asp:Label>
<tr>
<td style="color: #5D7B9D;" align="center">Election Name:</td>
<td>
<asp:TextBox ID="txtElectionName" AutoPostBack="true" runat="server" Style="color: #5D7B9D; width: 150px; border-color: #5D7B9D; border-width: 1px; border-style: Solid;"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txtElectionName" ForeColor="Red" runat="server" ErrorMessage="Please enter election name."></asp:RequiredFieldValidator>
</td>
</tr>
<%-- Election start date here --%>
<tr>
<td style="color: #5D7B9D;" align="center">Election Start Date:</td>
<td>
<input type="text" id="dt1" />
</td>
</tr>
<tr>
<td style="color: #5D7B9D;" align="center">Election End Date:</td>
<td>
<input type="text" id="dt2" />
</td>
</tr>
<tr>
<td style="color: #5D7B9D;" align="center">Adding a Party Start Date:</td>
<td>
<input type="text" id="pt1" />
</td>
</tr>
<tr>
<td style="color: #5D7B9D;" align="center">Adding a Party End Date:</td>
<td>
<input type="text" id="pt2" />
</td>
</tr>
<tr>
<td align="right">
<br />
<asp:Label ID="lblResults" runat="server" Text=""></asp:Label>
<asp:Button ID="AddElection" runat="server" Text="Submit" OnClick="AddElection_Click" Style="color: white; width: 100px; background-color: #284775; border-color: #5D7B9D; border-width: 1px; border-style: Solid;" />
</td>
</tr>
</table>
Here is my code behind
protected void AddElection_Click(object sender, EventArgs e)
{
string estart = Request.Form["dt1"];
string eend = Request.Form["dt2"];
string pstart = Request.Form["pt1"];
string pend = Request.Form["pt2"];
NewElection elec = new NewElection(txtElectionName.Text, Request["estart"].ToString(), Request["eend"].ToString(), Request["pstart"].ToString(), Request["pend"].ToString());
elections.AddElections(elec);
Label1.Text = "Thank you for adding an election.";
}
解决方案
(document).ready(function () { <%-- Dates for election--%>
("#dt1").datepicker({ dateFormat: "dd-M-yy", minDate: 0, onSelect: function (date) { var date2 =
('#dt1').datepicker('getDate'); date2.setDate(date2.getDate() + 1);
这篇关于如何在后面的代码中读取datepicker并将其添加到数据库 - jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
