Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在MVC3editorfor中使用日期选择器?_Jquery_Asp.net Mvc_Asp.net Mvc 3_Jquery Ui - Fatal编程技术网

Jquery 如何在MVC3editorfor中使用日期选择器?

Jquery 如何在MVC3editorfor中使用日期选择器?,jquery,asp.net-mvc,asp.net-mvc-3,jquery-ui,Jquery,Asp.net Mvc,Asp.net Mvc 3,Jquery Ui,我有两个重要的问题 1) DateTimePicker在上运行良好,但没有css效果和颜色。 2) m.StartDateTime,新的{@class=“datepicker”})%%>不起作用。不显示日期时间选择器 如何制作jquery datetimepicker。我的参考文章是: $(文档).ready(函数(){ $('.datepicker').datepicker({}); $('#date')。日期选择器({}); }); m、 StartDateTime)%%>m.StartD

我有两个重要的问题

1) DateTimePicker在
上运行良好,但没有css效果和颜色。 2)
m.StartDateTime,新的{@class=“datepicker”})%%>
不起作用。不显示日期时间选择器

如何制作jquery datetimepicker。我的参考文章是:


$(文档).ready(函数(){
$('.datepicker').datepicker({});
$('#date')。日期选择器({});
});
m、 StartDateTime)%%>m.StartDateTime,新的{@class=“datepicker”})%%>

尝试使用Html.TextBoxFor而不是Html.EditorFor:

<%:Html.TextBoxFor(m => m.StartDateTime, new { @class = "datepicker" })%> 
m.StartDateTime,新的{@class=“datepicker”})%>
对于CSS问题,请使用:

<link rel="stylesheet" href="<%= Url.Content("~/Styles/jquery.ui.all.css") %>"  type="text/css" />

对于第二个问题,请使用Html.TextBoxFor而不是EditorFor来获取Html属性

Html.TextBoxFor(model => model.Date, new { @class = "datePick", Value = Model.Date.ToString("MM/dd/yyyy") })
对于第一个问题,您的路径正确吗?我使用Url.Content来获取它
程序员,这是我不久前是如何做到这一点的

创建名为DateTime.aspx的editorfor模板:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<DateTime?>" %>

<%string name = ViewData.TemplateInfo.HtmlFieldPrefix;%>
<%string id = name.Replace(".", "_");%>

<div class="editor-label">
    <%= Html.LabelFor(model => model) %>
</div>
<div class="editor-field">
    <%= Html.TextBox("", (Model.HasValue ? Model.Value.ToString("dd-MM-yyyy") : string.Empty), new { @class = "date" }) %>
    <%= Html.ValidationMessageFor(model => model)%>
</div>      

<script type="text/javascript">
    $(document).ready(function() {
        $("#<%=id%>").datepicker({
            dateFormat: 'dd-mm-yy',
            changeMonth: true,
            changeYear: true,
            showOn: 'button', 
            buttonImage: '<%=Url.Content("~/Content/images/calendar.gif") %>'
        });
    });
</script>

型号)%%>
型号)%%>
$(文档).ready(函数(){
$(“#”)日期选择器({
日期格式:“dd-mm-yy”,
变化月:对,
变化年:是的,
showOn:'按钮',
按钮图像:“”
});
});
然后在您的观点中简单地称之为:

<%= Html.EditorFor(m => m.StartDate) %>
m.StartDate)%>
干杯

<%= Html.EditorFor(m => m.StartDate) %>