Jquery 如何将所选日期从日期选择器发送到控制器?
当用户选择日期时,如何使用这段jquery代码从日期选择器获取日期,然后使用BeginForm()将日期作为字符串发送给控制器?如何访问标记之间的代码,以便与razor和asp.net代码一起使用 以下是我在论坛上尝试的一些技巧,但没有成功Jquery 如何将所选日期从日期选择器发送到控制器?,jquery,asp.net-mvc-3,Jquery,Asp.net Mvc 3,当用户选择日期时,如何使用这段jquery代码从日期选择器获取日期,然后使用BeginForm()将日期作为字符串发送给控制器?如何访问标记之间的代码,以便与razor和asp.net代码一起使用 以下是我在论坛上尝试的一些技巧,但没有成功 <script type="text/javascript"> $(function () { onSelect: Function(dateText, inst); { var
<script type="text/javascript">
$(function () {
onSelect: Function(dateText, inst);
{
var theDate = $("#date").datepicker('getDate');
var dateAsObject = $(this).datepicker('getDate');
}
String selectedDate"";
selectedDate=theDate.toString();
});
在控制器中,日期始终为空。我的GeginForm命名错误吗?每当使用
altField
和altFormat
选项选择日期时,您可以使用自己的日期格式填充备用字段。此功能可用于显示人性化的日期供用户选择,同时传递更为计算机友好的日期供进一步处理
代码:
jQuery UI日期选择器-填充备用字段
$(函数(){
$(“#日期选择器”)。日期选择器({
altField:“#备用”,
格式:“日、日、月、年”
});
});
日期:
希望这有帮助 你的事情太复杂了。只需将onchange事件用于输入,当datepicker进行更改时,它将触发操作 控制器:
// You can use "String?" type here
public ActionResult Index(DateTime? date = null)
{
if (date != null)
{
// Your Logic Here!
}
}
视图:
$(函数(){
$(“.datepicker”).datepicker({dateFormat:'yy.mm.dd'});
});
每当用户选择某个日期时,我也使用它来显示该日期中的数据。
简单快速..效果极佳。但是,当我在控制器中检查formCollection时,我没有将所选日期视为字段之一。我是否可以使用BiginForm()或其他方式发送所选日期?再次感谢您的帮助1我可以使用BigenForm的哪个属性作为“#YourForm”?使用
#YourForm
我的意思是Html.BeginForm(“YourAction”、“YourController”、FormMethod.Get、new{id=“YourForm”})代码>表单的实际id。例如:Html.BeginForm(“Index”,“Home”,FormMethod.Get,new{id=“gman”})
并将输入作为
使用,如下所示。
public ActionResult myMethod(DateTime? date=null)
{
if if (date != null)
{
//do
}
}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Populate alternate field</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker({
altField: "#alternate",
altFormat: "DD, d MM, yy"
});
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" /> <input type="text" id="alternate" size="30" /></p>
</body>
</html>
// You can use "String?" type here
public ActionResult Index(DateTime? date = null)
{
if (date != null)
{
// Your Logic Here!
}
}
<script type="text/javascript">
$(function() {
$( ".datepicker" ).datepicker({ dateFormat: 'yy.mm.dd' });
});
</script>
<input type="text" class="datepicker" onchange="$('#YourForm').submit();" />