如何MVC4使用jQuery或引導顯示時間

-1

[DataType(DataType.Time)] 
    [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:hh:mm tt}")] 
    [Display(Name = "TimeOfDrAvailablity")] 
    public System.DateTime TimeOfDrAvailablity { get; set; }

創建視圖

<p> 
<input class="disableTimeRangesExample" type="text" autocomplete="off"></p> 

<script type="text/javascript"> 
$(function() { 
      $('.disableTimeRangesExample').timepicker({ 
       'disableTimeRanges': [ 
        ['1am', '2am'], 
        ['3am', '4:01am'] 
       ] 
      }); 
     }); 
</script>

我不知道我在哪裏wrong..please提出任何幫助... 我嘗試下面的教程.. http://jonthornton.github.io/jquery-timepicker/ 還告訴我如何使用模型

<div class="form-group"> 
    @Html.LabelFor((model => model.TimeOfDrAvailablity), 
         new { @class = "col-sm-2 control-label" }) 
    @Html.EditorFor((model => model.TimeOfDrAvailablity), 
         new { @class = "disableTimeRangesExample", type = "date" }) 
    @Html.ValidationMessageFor(model => model.TimeOfDrAvailablity) 
</div>

來源

2015-04-14 User26

添加id和class

我相信你需要使用

@Html.EditorFor((model => model.TimeOfDrAvailablity), 
         new { @class = "disableTimeRangesExample", type = "date" })

以類和類型應用到input。

來源

2015-04-14 13:22:42

您不能將MVC-4中的EditorFor()應用html屬性（您至少需要MVC-5.1）。只需使用

@Html.EditorFor(m => m.TimeOfDrAvailablity)

這將增加type="time"屬性爲你（因爲你已經應用了[DataType(DataType.Time)]屬性，然後利用其id屬性附加插件

$('#TimeOfDrAvailablity').timepicker({ ....

邊注：由於您使用jquery插件，[DataType(DataType.Time)]和[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:hh:mm tt}")]屬性並不是必需的，因爲它們僅用於呈現瀏覽器HTML5時間選取器的實現。它可能只是

@Html.TextBoxFor(m => m.TimeOfDrAvailablity)

在這種情況下，您可以添加使用

@Html.TextBoxFor(m => m.TimeOfDrAvailablity, new { @class = "disableTimeRangesExample" })

類名

來源

2015-04-14 13:52:45

如何MVC4使用jQuery或引導顯示時間

回答

相關問題