文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在MVC4中使用JQuery增加时间？

问如何在MVC4中使用JQuery增加时间？
EN

Stack Overflow用户

提问于 2015-04-18 07:39:27

回答 1查看 160关注 0票数 1

我是mvc4的新手。我想使用Jquery在mvc4中添加时间。

我正在学习本教程http://weareoutman.github.io/clockpicker/

委任模型

[DataType(DataType. DateTime)]
[DisplayFormat(ApplyFormatInEditMode = true)]
[Display(Name = "TimeOfDrAvailablity")]
public DateTime TimeOfDrAvailablity { get; set; }

[Required]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:dd-mm-yyyy}", ApplyFormatInEditMode = true)]
public System.DateTime Date { get; set; }

创建视图

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

<div class="input-group clockpicker" data-placement="left" data-align="top" data-autoclose="true">
    <input type="text" class="form-control" value="13:14">
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div>

但我想用这样的方法

<div class="form-group">
    @Html.EditorFor(model => model.TimeOfDrAvailablity, new { @class = " clockpicker", type = "date" })
</div>

脚本

@section Scripts{
    <script type="text/javascript">
        $(document).ready(function () {
            $(".datefield").datepicker({ dateFormat: 'dd/mm/yy', changeYear: true, minDate: -20, maxDate: "+1M +10D" });
            $('.clockpicker').clockpicker();
       });
    </script>
}

在我的布局中

<!--clockpicker -->
@Styles.Render("~/Areas/Backend/clockpicker/css/bootstrap-theme.css")
@Styles.Render("~/Areas/Backend/clockpicker/css/bootstrap.css")
@Styles.Render("~/Areas/Backend/clockpicker/css/bootstrap.min.css")

<!--clockpicker -->
@Scripts.Render("~/Areas/Backend/clockpicker/js/bootstrap.js")
@Scripts.Render("~/Areas/Backend/clockpicker/js/highlight.min.js")
@Scripts.Render("~/Areas/Backend/clockpicker/js/html5shiv.js")
@Scripts.Render("~/Areas/Backend/clockpicker/js/jquery.js")
@Scripts.Render("~/Areas/Backend/clockpicker/js/respond.min.js")

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Styles.Render("~/Content/themes/base/css")
@RenderSection("scripts", required: false)

asp.net-mvc-4

jquery

css

asp.net-mvc

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-22 05:24:07

这是我的答案，也许它会帮助别人。

我在@Scripts.Render("~/bundles/jquery")标记中添加了<head>。
@Scripts.Render("~/bundles/jqueryui") @Styles.Render("~/Content/themes/base/css") @RenderSection("scripts", required: false)先于<body>。

3.删除jquery.js文件一式两份。

4.首先加载Jquery文件的顺序.i.ejquery.js，然后加载jquery-ui.js。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29714432

复制

相似问题

问如何在MVC4中使用JQuery增加时间？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在MVC4中使用JQuery增加时间？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在MVC4中使用JQuery增加时间？
EN