calender is not working
i m using below code to open calender but its not popup .let me share code
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MagicCity | Support</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="~/Content/css/style.css?v=1.1" rel="stylesheet" />
<link href="~/Content/css/coin-slider.css?v=1.1" rel="stylesheet" />
<link href="~/Content/css/jquery-ui.css?v=1.1" rel="stylesheet" />
<link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="~/Scripts/jtable/themes/metro/lightgray/jtable.css?v=1.1" rel="stylesheet" />
<link href="~/Scripts/jtable/themes/metro/lightgray/jtable.min.css?v=1.1" rel="stylesheet" />
@* <script type="text/javascript" src="~/Scripts/jquery-3.2.1.min.js"></script>*@
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js"></script>
@* <script type="text/javascript" src="~/Scripts/jquery-ui-1.12.1.min.js"></script>*@
<script type="text/javascript" src= " http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js?v=1.1"></script>
@*<script type="text/javascript" src="~/Scripts/jtable/jquery.jtable.min.js?v=1.1"></script>*@
<script type="text/javascript" src="~/Scripts/jtable/jquery.jtable.js?v=1.1"></script>
@*<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js?v=1.1"></script>*@
<script type="text/javascript" src="~/Scripts/cufon-yui.js"></script>
<script type="text/javascript" src="~/Scripts/cufon-aller.js"></script>
@* <script type="text/javascript" src="~/Scripts/jquery-1.4.2.min.js"></script>*@
<script type="text/javascript" src="~/Scripts/script.js"></script>
<script type="text/javascript" src="~/Scripts/coin-slider.min.js"></script>
@* <script type="text/javascript" src="~/Scripts/jquery.ui.datepicker.js"></script>*@
@* <script type="text/javascript" src="~/Scripts/jquery-ui.js"></script>*@
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo">
<h1><a href="index.html">Magic<span>City</span> <small>Company Slogan Here</small></a></h1>
</div>
<div class="menu_nav">
<ul>
@* <li class="active">@Html.ActionLink("Home","Index","Home")</li>
<li class="active">@Html.ActionLink("About", "About", "Home")</li>
<li class="active">@Html.ActionLink("Contact", "Contact", "Home")</li>*@
@* by today*@
<li class="active"> @Html.Partial("_LoginPartial")</li>
</ul>
</div>
<div class="clr"></div>
<div class="slider">
<div id="coin-slider"> <a href="#"><img src="~/Images/slide1.jpg" width="960" height="320" alt="" /> </a> <a href="#"><img src="~/images/slide2.jpg" width="960" height="320" alt="" /> </a> <a href="#"><img src="~/images/slide3.jpg" width="960" height="320" alt="" /> </a> </div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="content">
<div class="content_resize">
<div class="mainbar">
<div class="article">
@RenderBody()
</div>
</div>
<div class="sidebar">
@*<div class="searchform">
<form id="formsearch" name="formsearch" method="post" action="#">
<span>
<input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" placeholder="Search our ste:" type="text" />
</span>
<input name="button_search" src="~/images/search.gif" class="button_search" type="image" />
</form>
</div>*@
<div class="clr"></div>
@if(Request.IsAuthenticated)
{
<table border="1">
<tr>
<td>
<div class="gadget">
<h2 class="star"> Menu</h2>
<div class="clr"></div>
<ul class="sb_menu">
<li><a tabindex="-1" href="#">Employee</a>
<ul>
<li>@Html.ActionLink("Add Employee", "EmployeeCreate", "Employee")</li>
<li>@Html.ActionLink("Employee Roster Managment", "EmployeeRosterCreate", "Employee")</li>
<li>@Html.ActionLink("Add Employee Shift", "EmployeeShiftCreate", "Employee")</li>
</ul>
</li>
<li><a tabindex="-1" href="#">Customer</a>
<ul>
<li>@Html.ActionLink("Add Customer", "CustomerCreate", "Customer")</li>
</ul>
</li>
<li><a tabindex="-1" href="#">Department</a>
<ul>
<li>@Html.ActionLink("Department Management", "DepartmentCreate", "Department")</li>
</ul>
</li>
<li><a tabindex="-1" href="#">Designation</a>
<ul><li>@Html.ActionLink("Designation Management", "DesignationCreate", "Designation")</li></ul>
</li>
<li><a tabindex="-1" href="#">Services</a>
<ul>
<li>@Html.ActionLink("Service Management", "ServiceCreate", "Service")</li>
<li>@Html.ActionLink("Assign to Customer", "AssigntoCustomer", "Service")</li>
</ul>
</li>
<li><a tabindex="-1" href="#">holidays</a>
<ul>
<li>@Html.ActionLink("List of Holidays", "CreateHoliday", "Holiday")</li>
</ul>
</li>
<li><a href="#">Reports</a></li>
</ul>
</div>
s
</td></tr>
</table>
}
<div class="gadget">
<h2 class="star"><span>Sponsors</span></h2>
<div class="clr"></div>
@*<ul class="ex_menu">
<li>
<a href="http://www.dreamtemplate.com/">DreamTemplate</a><br />
Over 6,000+ Premium Web Templates
</li>
<li>
<a href="http://www.templatesold.com/">TemplateSOLD</a><br />
Premium WordPress & Joomla Themes
</li>
<li>
<a href="http://www.imhosted.com/">ImHosted.com</a><br />
Affordable Web Hosting Provider
</li>
<li>
<a href="http://www.megastockphotos.com/">MegaStockPhotos</a><br />
Unlimited Amazing Stock Photos
</li>
<li>
<a href="http://www.evrsoft.com/">Evrsoft</a><br />
Website Builder Software & Tools
</li>
<li>
<a href="http://www.csshub.com/">CSS Hub</a><br />
Premium CSS Templates
</li>
</ul>*@
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="fbg">
<div class="fbg_resize">
<div class="col c1">
<h2><span>Image</span> Gallery</h2>
<a href="#"><img src="~/images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="~/images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a>
</div>
<div class="col c2">
<h2><span>Services</span> Overview</h2>
<p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p>
<ul class="fbg_ul">
<li><a href="#">Lorem ipsum dolor labore et dolore.</a></li>
<li><a href="#">Excepteur officia deserunt.</a></li>
<li><a href="#">Integer tellus ipsum tempor sed.</a></li>
</ul>
</div>
<div class="col c3">
<h2><span>Contact</span> Us</h2>
<p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui.</p>
<p class="contact_info">
<span>Address:</span> 1458 TemplateAccess, USA<br />
<span>Telephone:</span> +123-1234-5678<br />
<span>FAX:</span> +458-4578<br />
<span>Others:</span> +301 - 0125 - 01258<br />
<span>E-mail:</span> <a href="#">mail@yoursitename.com</a>
</p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="lf">© Copyright <a href="#">MyWebSite</a>.</p>
<p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
<div style="clear:both;"></div>
</div>
</div>
</div>
<div align=center>This template downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div>
</body>
</html>
- @model CallCenterCRM.Models.EmpRoasterMasterModel
@{
ViewBag.Title = "EmployeeRosterCreate";
}
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Styles.Render("~/Content/cssjqryUi")
<script type="text/javascript">
$(function () {
$("#datepicker").datepicker({
altField: "#alternate",
altFormat: "DD, d MM, yy"
});
});
</script>
<h2>EmployeeRosterCreate</h2>
@{
//ViewBag.Title = "Employee Roster Create";
}
@using (Html.BeginForm()) {
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<div class="mainbar">
<div id="EmployeeRoster" class="article">
<div class="clr"></div>
<table>
<tr><td colspan="2"> <h3>Select the mode of operation you want</h3></td></tr>
<tr>
<td colspan="2"> @Html.RadioButton("operationmode", "addmode") Add new Record </td>
<td colspan="2"> @Html.RadioButton("operationmode", "editmode") Modify new Record </td>
</tr>
</table>
<div hidden="hidden" id="divadd" class="article">
<table>
<tr>
<td colspan="2"> @Html.LabelFor(model => model.RoasterDate)</td>
<td>@Html.EditorFor(model => model.RoasterDate, new { @class = "date" })
@Html.ValidationMessageFor(model => model.RoasterDate)</td>
</tr>
<tr>
<td colspan="2"> @Html.LabelFor(model => model.RoasterStartTime)</td>
<td> @Html.EditorFor(model => model.RoasterStartTime, new { @id = "datepicker" })
@Html.ValidationMessageFor(model => model.RoasterStartTime)</td>
</tr>
<tr>
<td colspan="2">@Html.LabelFor(model => model.RoasterEndTime)</td>
<td> @Html.EditorFor(model => model.RoasterEndTime)
@Html.ValidationMessageFor(model => model.RoasterEndTime)</td>
</tr>
<tr>
<td colspan="2"> @Html.LabelFor(model => model.InchargeEmpId)</td>
<td> @Html.EditorFor(model => model.InchargeEmpId)
@Html.ValidationMessageFor(model => model.InchargeEmpId)</td>
</tr>
<tr>
<td colspan="2"><input type="button" value="show all" /></td>
<td><input type="Submit" value="Submit" /><input type="button" value="Cancel" /></td>
</tr>
</table>
</div>
<div hidden="hidden" id="divedit" class="article">
<table>
<tr>
<td colspan="2">Department Name</td>
<td></td>
</tr>
<tr>
<td colspan="2">Abbreviation</td>
<td></td>
</tr>
<tr>
<td colspan="2">InchargeEmp</td>
<td></td>
</tr>
<tr>
<td colspan="2"><input type="button" value="show all" /></td>
<td><input type="button" value="Modify" /><input type="button" value="Cancel" /></td>
</tr>
</table>
</div>
</div>
</div>
}
<script>
$(function () {
$("#datepicker").datepicker({
altField: "#alternate",
altFormat: "DD, d MM, yy"
});
});
</script>
<script type="text/javascript">
window.onload = function () {
$("#MailingContactDetails").hide();
$("#AccountDetail").hide();
$("#addPhoneNo").click(function () {
$("#MailingContactDetails").find('input:text').val("");
$("#MailingContactDetails").find('#drop1 option:selected').removeAttr('selected');
//$("#addPhoneNo").parents("tr").before("<tr><td>Phone Type</td><td><select><option value='A'>Home</option><option value='B'>Office</option><option value='C'>other</option></select></td><td>Enter Phone No</td><td><input id= 'tb1' name= 'tb1' type= 'text' value=''/></td></tr>");
//$("select").on("change", function () {
// $(this).parent().nextAll().has("input").children().val("");
//});
});
$("#addAddress").click(function () {
$("#MailingContactDetails").find('input:text').val("");
$("#MailingContactDetails").find('#drop1 option:selected').removeAttr('selected');
//$("#TextBoxCityId,#TextBoxCountryId").val("");
//$("#addAddress").parents("tr").before("<tr><td>Phone Type</td><td><select><option value='A'>Home</option><option value='B'>Office</option><option value='C'>other</option></select></td><td>Enter Phone No</td><td><input id= 'tb2' name= 'tb1' type= 'text' value=''/></td></tr>");
//$("select").on("change", function () {
// $(this).parent().nextAll().has("input").children().val("");
//});
});
}
</script>
<script type="text/javascript">
$(document).ready(function () {
$('.date').datepicker({ dateFormat: "dd/mm/yy" });
});
</script>
<script type="text/javascript">
window.onload = function () {
$("#MailingContactDetails").hide(1000);
$("#AccountDetail").hide();
}
</script>
<script type="text/javascript">
$(document).ready(function () {
$('input[name=operationmode]').change(function () {
//alert($(this).attr('value'))
//$(this).attr('value') === 'False' ? $('.Add1').hide() : $('.Add1').show();
if ($(this).attr('value') === 'addmode') {
$("#divedit").hide(1000);
$("#divadd").show(1000);
}
else {
$("#divedit").show(1000);
$("#divadd").hide(1000);
}
});
});
</script>
<script>
$(function () {
$(".datefield").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true
});
});
</script>
<script>
//var j = jQuery.noConflict();
//j(document).ready(function () {
// //Write your Jquery Script here
//});
</script>
Topic Participants
emirza_pk
kbwood.au
jtara-jquery
jakecigar