我的JavaScript不适用于我的视图asp.net
提问于 2015-07-22 01:58:03
我的JavaScript在我的剃须刀上有一些小问题。我想要一个用户报告缺席，但当他选择的时间，我想要一个日期-时间纠察显示，这样用户就不必手动输入日期。
我还希望它是两个不同的选项卡，第一个选项卡是用户将报告他的假期，而另一个标签，他将看到的报告，较早的假期。但现在这一切都出现在一个人身上。我希望它类似于这一点：
但是现在“Beg rd词组”只是坐在“Beg r学期”下。
这是我对javascript的看法。
@using Salesweb.Common.Utilities
@model List<Salesweb.Common.Vacation>
@{
ViewBag.Title = "Semester";
}
<script type="text/javascript" language="javascript">
$(function () {
$(function () {
$('#fromDate').datepicker({
showButtonPanel: true,
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
firstDay: 1,
onSelect: function (dateText) {
$('#EndDate').datepicker('option', 'minDate', new Date(dateText));
}
});
$('#toDate').datepicker({
showButtonPanel: true,
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
firstDay: 1,
onSelect: function (dateText) {
$('#EndDate').datepicker('option', 'minDate', new Date(dateText));
}
});
});
});
$(function () {
$("#tabs").tabs();
});
</script>
<div class="page-container">
<div class="page-content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="tabs">
<div class="portlet light">
<ul>
<li><a href="#tabs-new">Begär semester</a></li>
<li><a href="#tabs-list">Begärda semestrar</a></li>
</ul>
<div id="tabs-new">
@if (ViewData["posted"] == null)
{
using (Html.BeginForm("Index", "Vacation", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<div class="portlet light">
<div class="portlet-title">
<div class="caption">
<span class="caption-subject font-green-sharp bold uppercase">Semester</span>
</div>
</div>
<div class="portlet-body">
<table class="table table-striped table-bordered table-hover">
<tr>
<td>Från:</td>
<td><input type="text" id="fromDate" name="fromDate" style="width: 70px" /></td>
</tr>
<tr>
<td>Till:</td>
<td><input type="text" id="toDate" name="toDate" style="width: 70px" /></td>
</tr>
<tr>
<td>Kommentar:</td>
<td><textarea id="comment" name="comment" style="width: 300px; height: 70px;" rows="5" cols="5"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Begär semester" id="submit" name="submit" /></td>
</tr>
</table>
</div>
</div>
}
}
else
{
<h2 style="color: Green"> Semestern begärd.</h2>
@Html.ActionLink("Begär ny semester", "Index")
}
</div>
<div id="tabs-list">
<div class="portlet light">
<div class="portlet-title">
<div class="caption">
<span class="caption-subject font-green-sharp bold uppercase">Semester</span>
</div>
</div>
<div class="portlet-body">
<table class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>Från</th>
<th>Till</th>
<th>Rapportera tid</th>
<th>Status</th>
<th>Kommentar</th>
</tr>
</thead>
@foreach (var vacation in Model)
{
<tr>
<td>@(vacation.StartDate.ToShortDateString())</td>
<td>@(vacation.EndDate.ToShortDateString())</td>
<td>
@if (vacation.TimeReported)
{
<a>Tid har rapporterats</a>
}
else if (vacation.Status == (int)VacationStatus.Godkänd && !vacation.TimeReported)
{
<a href="@(Url.Action("Absent", "Reports", new { vacationId = vacation.VacationID }))">Rapportera tid</a>
}
else
{
<a>-</a>
}
</td>
<td>@(((VacationStatus)vacation.Status).ToString()) </td>
<td>@vacation.Comment</td>
</tr>
}
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>我在一个包中加载我的脚本
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-2.8.3",
"~/content/global/plugins/jquery.min.js",
"~/content/global/plugins/jquery-ui/jquery-ui.min.js",
"~/content/global/plugins/bootstrap/js/bootstrap.min.js",
"~/content/global/plugins/datatables/media/js/jquery.dataTables.min.js",
"~/content/global/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.js",
"~/content/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js",
"~/content/global/scripts/metronic.js",
"~/content/admin/layout3/scripts/layout.js",
"~/content/admin/layout3/scripts/demo.js",
"~/content/admin/pages/scripts/table-advanced.js"
));而不是从我的_Layout.cshtml中加载这样的脚本。
@Scripts.Render("~/bundles/modernizr")
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-07-22 02:12:08
您的jQuery文档就绪函数有点混乱/嵌套
$(function () {
$('#fromDate').datepicker({
showButtonPanel: true,
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
firstDay: 1,
onSelect: function (dateText) {
$('#EndDate').datepicker('option', 'minDate', new Date(dateText));
}
});
$('#toDate').datepicker({
showButtonPanel: true,
changeMonth: true,
changeYear: true,
dateFormat: "yy-mm-dd",
firstDay: 1,
onSelect: function (dateText) {
$('#EndDate').datepicker('option', 'minDate', new Date(dateText));
}
});
$("#tabs").tabs();
});我已经删除了复制的文件准备检查。试试我上面提供的代码。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31559838
复制相关文章
点击加载更多
腾讯云开发者
