使用jQuery datepicker从ASP MVC @ Html.TextBoxFor Control中删除时间

前端之家收集整理的这篇文章主要介绍了使用jQuery datepicker从ASP MVC @ Html.TextBoxFor Control中删除时间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在使用jQuery .datepicker()时阻止显示时间?以下是两个属性的模型部分(采用日期和到期日期)
[DisplayFormat(ApplyFormatInEditMode = true,DataFormatString = "{0:d}")]
    [DisplayName("Expiration Date")]
    public string ExpirationDate { get; set; }

    [DisplayFormat(ApplyFormatInEditMode = true,DataFormatString = "{0:d}")]
    [DisplayName("Date Taken")]
    public string DateTaken { get; set; }

使用我正在处理的视图上的@ Html.EditorFor控件可以正常工作.但是,当我从中更改该控件时:

@Html.EditorFor(model => model.DateTaken)

对此:

@Html.TextBoxFor(m => m.DateTaken,new { id = "dtkn" })

为了让它工作(标签哪个控件有应用了datepicker):

<script>
    $(function () {
        $("#dtkn").datepicker('setDate');
        $("#exp").datepicker('setDate');
    });

    $.datepicker.setDefaults({
        buttonImageOnly: true,buttonImage: '<%=Url.Content("~/Content/images/magnify.gif") %>',defaultDate: -1,gotoCurrent: true,prevText: "<< Prev",nextText: "Next >>"
    });
</script>

突然间,时间开始出现了.有什么建议?

编辑

我尝试了以下格式,但没有一种可以使用:

$("#dtkn").datepicker({ dateFormat: 'dd-mm-yy' }).val();
$("#dtkn").datepicker({ dateFormat: 'yy-mm-dd' });
$("#dtkn").datepicker('getDate').format('yyyyMMdd');

还有这个:

$("#dtkn").datepicker('getDate').datepicker('dd/mm/yy');
$('#dtkn').datepicker('option',{ dateFormat: 'd MM y' });

以下是我看到Chrome调试控制台的错误

Uncaught TypeError: Cannot call method 'datepicker' of null

解决方法

编辑:MVC4用户可以使用此功能

你想要这个超载

@Html.TextBoxFor(m => m.DateTaken,"{0:MM/dd/yyyy}",new { id="dtkn" })

如果你愿意手动放弃助手

<input type="text" value="@Model.DateTaken.ToString("MM/dd/yyyy")" id="dtkn" />

猜你在找的jQuery相关文章