我想在我的项目中使用persian datetimepicker
。我正在使用MVC4。在MVC4中使用波斯语Datetimepicker
所以我找到了一个链接http://stackoverflow.com/questions/16248909/persian-calender-in-mvc-asp-net
,我决定实现这一点。
我加了一些css and js
文件到我的项目,你可以在这里看到(我添加到我的布局页):
<link href="@Url.Content("~/Content/js-persian-cal.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/js-persian-cal.min.js")"></script>
所以我创建了一个模型,你可以在这里看到:
namespace MvcApplication2.Models
{
public class DTpicker
{
public string name { set;get;}
public DateTime datetime { set; get; }
}
}
我创建一个视图create view
,你可以在这里看到:
@model MvcApplication2.Models.DTpicker
@{
ViewBag.Title = "create";
}
<h2>create</h2>
<script type="text/javascript">
var objCal1 = new AMIB.persianCalendar('pcal1'); </script>
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>DTpicker</legend>
<div class="editor-label">
@Html.LabelFor(model => model.name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.name)
@Html.ValidationMessageFor(model => model.name)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.datetime)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.datetime, new { @id = "pcal1", @class = "pdate" })
@Html.ValidationMessageFor(model => model.datetime)
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
当你CA N参看我添加了一些额外的代码,以我的日期时间,你可以在这里看到:
<script type="text/javascript">
var objCal1 = new AMIB.persianCalendar('pcal1'); </script>
左右,但哪里是:
@Html.EditorFor(model => model.datetime, new { @id = "pcal1", @class = "pdate" })
你上面看到我加入这部分代码在创建视图问题,当我运行我的应用程序的DateTimePicker不起作用。我看到使用的浏览器页面查看源代码和我的日期时间输入有这样的语法:
<div class="editor-label">
<label for="datetime">datetime</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-date="The field datetime must be a date." data-val-required="The datetime field is required." id="datetime" name="datetime" type="datetime" value="" />
<span class="field-validation-valid" data-valmsg-for="datetime" data-valmsg-replace="true"></span>
</div>
正如你所知道的ID应该是pcal1
但是你可以看到id是id="datetime"
为什么?
此致敬意。
任何想法可以理解