文本框没有显示日期MVC3从jQuery的日期选择器挑？ [英] textfield not displaying date picked from jquery datepicker in mvc3?
本文介绍了文本框没有显示日期MVC3从jQuery的日期选择器挑？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
＆LT;脚本类型=文/ JavaScript的＆GT;
$（文件）。就绪（函数（）
{
$（'日'）。日期选择器
（{
DATEFORMAT：'MM / DD / YYYY，
showStatus：真
}
}）;
}）;＆LT; / SCRIPT＆GT;
＆LT; DIV＆GT;
日期：LT;输入类型=文本ID =日期选择/＆GT;
＆LT; / DIV＆GT;
＆LT; DIV＆GT;
@ Html.TextBox（TODATE，Model.toDate.ToString（DD / MM / YYYY），新{@class =日期}）
＆LT; / DIV＆GT;
以上是CSHTML页..我无言以对为什么我点击日期选择的日期不会出现在texbox /输入..你能帮忙吗？
＆LT;！DOCTYPE HTML PUBLIC - // W3C // DTD HTML 4.01 // ENhttp://www.w3.org/TR/html4/strict.dtd ＆GT;
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT;标题＆GT; WeeklyReport＆LT; /标题＆GT;
＆LT; META HTTP-EQUIV =X-UA-Compatible的内容=IE = EmulateIE8/＆GT;
＆LT;链接HREF =//内容/的site.css的rel =stylesheet属性类型=文/ CSS/＆GT;
＆LT;脚本的src =//脚本/ jQuery的-1.4.4.min.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =//脚本/ jQuery的-ui.min.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =//脚本/ jquery.validate.min.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =//脚本/ jquery.validate.unobtrusive.min.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =//脚本/ jquery.infieldlabel.min.js类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =内容＆GT;
＆LT; DIV CLASS =topSpacer＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =日程地址搜索Maincontent＆GT;
＆LT;脚本类型=文/ JavaScript的＆GT;
$（文件）。就绪（函数（）{
$（'日'）。日期选择器
（{
DATEFORMAT：'MM / DD / YYYY，
showStatus：真实，
highlightWeek：真实，
showAnim：规模，
firstDay：6，
showOptions：{
产地：[顶，左]}，
ONSELECT：功能（）{
}
}）;
}）; $（函数（）{
$（＃日期选择器），日期选择器（）。
}）;＆LT; / SCRIPT＆GT;
＆LT; DIV＆GT;
输入搜索条件
＆LT; / DIV＆GT;
＆LT; DIV的风格=浮动：左＆GT;
＆LT; P＆GT;日期：＆LT;输入类型=文本ID =日期选择/＆GT;＆LT; / P＆GT;＆LT; / DIV＆GT;
＆LT; DIV的风格=浮动：左;填充左：30PX＆GT;
＆LT;输入类=日期ID =TODATENAME =TODATE类型=文本VALUE =15/12/2011/＆GT;＆安培; NBSP
结束日期
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
`
解决方案
这是什么乱七八糟的？你在问什么？在你的问题，你没有表现出你的code看起来怎么样，所以我们也只能在这里猜测。通常，当你问，你应该表现出precisely您code的外观的问题。
所以这里有一个猜测，我可以做，以提高你的code与工作的例子：
查看：
@model AppName.Models.SomeViewModel
＆LT;脚本的src =@ Url.Content（〜/脚本/ jQuery的-ui.min.js）TYPE =文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =@ Url.Content（〜/脚本/ jquery.validate.min.js）TYPE =文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =@ Url.Content（〜/脚本/ jquery.validate.unobtrusive.min.js）TYPE =文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本类型=文/ JavaScript的＆GT;
$（函数（）{
$（'日'）。日期选择器（{
showStatus：真实，
highlightWeek：真实，
showAnim：规模，
firstDay：6，
showOptions：{
产地：'顶'，'左']
}，
ONSELECT：功能（）{ }
}）;
$（'＃日期选择器）日期选择器（）。
}）;
＆LT; / SCRIPT＆GT;＆LT; DIV＆GT;
日期：LT;输入类型=文本ID =日期选择/＆GT;
＆LT; / DIV＆GT;
＆LT; DIV＆GT;
@ Html.TextBox（
至今，
Model.toDate.ToString（DD / MM / YYYY），
新{@class =日期}
）
＆LT; / DIV＆GT;
<script type="text/javascript">
$(document).ready(function ()
{
$('.date').datepicker
({
dateFormat: 'mm/dd/yyyy',
showStatus: true
}
});
});
</script>
<div>
Date: <input type="text" id="datepicker"/>
</div>
<div>
@Html.TextBox("toDate", Model.toDate.ToString("dd/MM/yyyy"), new { @class = "date" })
</div>
The above is cshtml page.. I am clueless why the date that i click on the datepicker wont show up on the texbox/input .. Can you help?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>WeeklyReport</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<link href="//Content/Site.css" rel="stylesheet" type="text/css" />
<script src="//Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="//Scripts/jquery-ui.min.js" type="text/javascript"></script>
<script src="//Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="//Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="//Scripts/jquery.infieldlabel.min.js" type="text/javascript"></script>
</head>
<body>
</div>
<div class="content">
<div class="topSpacer">
</div>
<div class="maincontent">
<script type="text/javascript">
$(document).ready(function () {
$('.date').datepicker
({
dateFormat: 'mm/dd/yyyy',
showStatus: true,
highlightWeek: true,
showAnim: "scale",
firstDay: 6,
showOptions: {
origin: ["top", "left"]},
onSelect: function() {
}
});
});
$(function() {
$("#datepicker").datepicker();
});
</script>
<div>
Enter search criteria
</div>
<div style="float: left">
<p>Date: <input type="text" id="datepicker"/></p>
</div>
<div style="float: left; padding-left: 30px">
<input class="date" id="toDate" name="toDate" type="text" value="15/12/2011" /> 
EndDate
</div>
</div>
</div>
</body>
</html>
`
解决方案
What is this mess? What are you asking? In your question you didn't show how your code look like so we can only be guessing here. Normally when you ask a question you should show precisely how your code looks.
So here's a guess I can make to improve your code with a working example:
View:
@model AppName.Models.SomeViewModel
<script src="@Url.Content("~/Scripts/jquery-ui.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('.date').datepicker({
showStatus: true,
highlightWeek: true,
showAnim: 'scale',
firstDay: 6,
showOptions: {
origin: [ 'top', 'left' ]
},
onSelect: function () {
}
});
$('#datepicker').datepicker();
});
</script>
<div>
Date: <input type="text" id="datepicker"/>
</div>
<div>
@Html.TextBox(
"toDate",
Model.toDate.ToString("dd/MM/yyyy"),
new { @class = "date" }
)
</div>
这篇关于文本框没有显示日期MVC3从jQuery的日期选择器挑？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
