我一直在努力寻找如何在整个下午进行此操作,但是似乎无法控制如何使DatePicker与我的网站一起使用。
另外,如果可能的话,我想删除DateTime的Time部分,因为我只对条目发布的Date感兴趣。
到目前为止,我已经包含了代码,到目前为止,我已经删除了几乎所有尝试过的内容,因此可以重新开始。我引用了_Layout.cshtml顶部的JQuery文件,我认为这是正确的。
我浏览了网上的许多指南,但是尽管我会继续阅读,但仍然很难理解它们。
我已将这些行添加到_Layout.cshtml的顶部(我还解压缩了JQuery文件夹并将其复制到了下面引用的位置)
<link href="@Url.Content("~/Content/jquery-ui/redmond/jquery-ui-1.8.21.custom.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.8.11.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/ui/minified/jquery.ui.core.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/ui/minified/jquery.ui.datepicker.min.js")" type="text/javascript"></script>
我的查看代码如下所示:
@model dale_harrison.Models.News
@{
ViewBag.Title = "Create";
}
<h2>Create</h2>
<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>
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>News</legend>
<div class="editor-label">
@Html.LabelFor(model => model.News_Entry)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.News_Entry)
@Html.ValidationMessageFor(model => model.News_Entry)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.News_Date)
</div>
<div class="editor-field">
@*@Html.EditorFor(model => model.News_Date)*@
@Html.EditorFor(model => model.News_Date, new object{ id = "news_date" } )
@Html.ValidationMessageFor(model => model.News_Date)
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#news_date").datepicker({ dateFormat: 'dd/mm/yy' });
});
</script>
我的模特在这里:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.Entity;
namespace dale_harrison.Models
{
public class News
{
public int ID { get; set; }
public string News_Entry { get; set; }
public DateTime News_Date { get; set; }
}
public class NewsDBContext : DbContext
{
public DbSet<News> News_Entries { get; set; }
}
}
在此先感谢任何人的帮助
最佳答案
首先尝试:
添加没有html helper的html代码:
<input type="text" id="news_date" name="news_date" />
或者,如果您想使用Html帮助程序添加
id
:@Html.EditorFor(model => model.News_Date, new { id = "news_date" } )
然后添加以下javascript代码:
$(document).ready(function () {
$("#news_date").datepicker({ dateFormat: 'dd/mm/yy' });
});
您可以先尝试一下,以检查您是否在项目中正确设置了所有配置。您应该用这些线解决您的问题。
在您的网站上开始使用此工具后,请阅读有关html帮助器以及如何封装代码的信息,这样您就不必每次都重写它。
希望能帮助到你!