发布后未设置JQuery日期选择器
我在MVC4部分页面中运行了以下代码。每当我单击一个调用执行post的javascript函数的按钮时,我的jquery日期选择器就会被清除。当我单击“编辑”或“取消编辑”按钮(不执行post)时,日期选择器将正确设置。发布后需要发生什么才能使其正常工作发布后未设置JQuery日期选择器,jquery,asp.net-mvc,asp.net-mvc-4,Jquery,Asp.net Mvc,Asp.net Mvc 4,我在MVC4部分页面中运行了以下代码。每当我单击一个调用执行post的javascript函数的按钮时,我的jquery日期选择器就会被清除。当我单击“编辑”或“取消编辑”按钮(不执行post)时,日期选择器将正确设置。发布后需要发生什么才能使其正常工作 <script type="text/javascript"> function ResetDatePicker() { $(".datefield").datepicker({ ch
<script type="text/javascript">
function ResetDatePicker() {
$(".datefield").datepicker({
changeMonth: true,
changeYear: true
});
}
function ShowEditHoliday(par) {
$("#lblHolidayObserved-" + par).attr("class", "hide");
$("#txtHolidayObserved-" + par).attr("class", "visible");
$("#lblDateObserved-" + par).attr("class", "hide");
$("#txtDateObserved-" + par).attr("class", "visible datefield");
$("#btnEdit-" + par).attr("class", "hide");
$("#btnSave-" + par).attr("class", "visible");
$("#btnCancel-" + par).attr("class", "visible");
$("#btnDelete-" + par).attr("class", "hide");
ResetDatePicker();
}
function SaveEditHoliday(par) {
var _holidayobserved = $("#txtHolidayObserved-" + par).val();
var _dateobserved = $("#txtDateObserved-" + par).val();
var url = '@Url.Action("SaveEditHoliday", "Routing")';
$.post(url, { HolidayId: par, holidayobserved: _holidayobserved, dateobserved: _dateobserved },
function (data) {
$("#divHolidays").html(data);
});
ResetDatePicker();
}
function CancelEditHoliday(par) {
$("#lblHolidayObserved-" + par).attr("class", "visible");
$("#txtHolidayObserved-" + par).attr("class", "hide");
$("#lblDateObserved-" + par).attr("class", "visible");
$("#txtDateObserved-" + par).attr("class", "hide");
$("#btnEdit-" + par).attr("class", "visible");
$("#btnSave-" + par).attr("class", "hide");
$("#btnCancel-" + par).attr("class", "hide");
$("#btnDelete-" + par).attr("class", "visible");
ResetDatePicker();
}
function DeleteHoliday(par) {
var url = '@Url.Action("DeleteHoliday", "Routing")';
$.post(url, { HolidayId: par },
function (data) {
$("#divHolidays").html(data);
});
ResetDatePicker();
}
function CreateHoliday() {
var _holidayobserved = $("#txtHolidayObserved").val();
var _dateobserved = $("#txtDateObserved").val();
var url = '@Url.Action("CreateHoliday", "Routing")';
$.post(url, { holidayobserved: _holidayobserved, dateobserved: _dateobserved },
function (data) {
$("#divHolidays").html(data);
});
ResetDatePicker();
}
</script>
<div id="divHolidays">
<table>
<tr>
<th></th>
<th>
@Html.DisplayNameFor(model => model.HolidayObserved)
</th>
<th>
@Html.DisplayNameFor(model => model.DateObserved)
</th>
</tr>
@foreach (var item in Model) {
<tr>
<td>
<button id="btnDelete-@item.HolidayId.ToString()" class="visible" onclick="DeleteHoliday(@item.HolidayId); return false;">
<img src="../../Images/delete_16x16.gif" alt="" />
</button>
<button id="btnEdit-@item.HolidayId.ToString()" class="visible" onclick="ShowEditHoliday(@item.HolidayId); return false;">
<img src="../../Images/edit_16x16.gif" alt="" />
</button>
<button id="btnSave-@item.HolidayId.ToString()" class="hide" onclick="SaveEditHoliday(@item.HolidayId); return false;">
<img src="../../Images/save_16x16.gif" alt="" />
</button>
<button id="btnCancel-@item.HolidayId.ToString()" class="hide" onclick="CancelEditHoliday(@item.HolidayId); return false;">
<img src="../../Images/cancel_16x16.gif" alt="" />
</button>
</td>
<td>
<label id="lblHolidayObserved-@item.HolidayId.ToString()" class="visible">@item.HolidayObserved.ToString()</label>
<input id="txtHolidayObserved-@item.HolidayId.ToString()" type="text" class="hide" value="@item.HolidayObserved.ToString()" />
</td>
<td>
<label id="lblDateObserved-@item.HolidayId.ToString()" class="visible">@item.DateObserved.ToShortDateString()</label>
<input id="txtDateObserved-@item.HolidayId.ToString()" type="text" class="hide datefield" value="@item.DateObserved.ToShortDateString()" />
</td>
</tr>
}
</table>
<br />
<h3>New Holiday: </h3>
<table>
<tr>
<td>Holiday Observed: </td>
<td><input type="text" id="txtHolidayObserved"></td>
</tr>
<tr>
<td>Date Observed: </td>
<td><input type="text" id="txtDateObserved" class="datefield"></td>
</tr>
<tr>
<td colspan="2" style="text-align: right;">
<button id="btnSaveNew" class="visible" onclick="CreateHoliday(); return false;">
<img src="../../Images/add_16x16.gif" alt="" />
</button>
</td>
</tr>
</table>
</div>
函数ResetDatePicker(){
$(“.datefield”).datepicker({
变化月:对,
变化年:对
});
}
函数ShowEditHoliday(par){
$(“#lblholidaysobserved-”+par).attr(“类”、“隐藏”);
美元(“#txtolidayObserved-”+par).attr(“类”,“可见”);
$(“#lblDateObserved-”+par).attr(“类”、“隐藏”);
$(“#txtDateObserved-”+par).attr(“类”,“可见日期字段”);
美元(“#btnEdit-”+par).attr(“类”、“隐藏”);
美元(“#btnSave-”+par).attr(“类”,“可见”);
美元(“#btnCancel-”+par).attr(“类”,“可见”);
$(“#btnDelete-”+par).attr(“类”、“隐藏”);
ResetDatePicker();
}
功能SaveEditHoliday(par){
var#u holidayobserved=$(“#txtHolidayObserved-”+par).val();
var#u dateobserved=$(“#txtDateObserved-”+par).val();
var url='@url.Action(“SaveEditHoliday”,“路由”);
POST(URL,{ HelyayID:PAR,HealayaVista:YouHealayAdvestor),DATE观察:
功能(数据){
$(“#divHolidays”).html(数据);
});
ResetDatePicker();
}
功能取消假日(par){
美元(“#lblholidaysobserved-”+par).attr(“类”,“可见”);
$(“观察到的假期-”+par).attr(“类”、“隐藏”);
$(“#lblDateObserved-”+par).attr(“类”,“可见”);
$(“#txtDateObserved-”+par).attr(“类”、“隐藏”);
美元(“#btnEdit-”+par).attr(“类”,“可见”);
$(“#btnSave-”+par).attr(“类”、“隐藏”);
美元(“#btnCancel-”+par).attr(“类”、“隐藏”);
美元(“#btnDelete-”+par).attr(“类”,“可见”);
ResetDatePicker();
}
功能假日(par){
var url='@url.Action(“DeleteHoliday”,“Routing”);
POST(URL),{HelyayID:PAL},
功能(数据){
$(“#divHolidays”).html(数据);
});
ResetDatePicker();
}
函数CreateHoliday(){
var#u holidayobserved=$(“#txtHolidayObserved”).val();
var_dateobserved=$(“#txtDateObserved”).val();
var url='@url.Action(“CreateHoliday”,“路由”);
$.post(url,{holidayobserved:_holidayobserved,dateobserved:_dateobserved},
功能(数据){
$(“#divHolidays”).html(数据);
});
ResetDatePicker();
}
@DisplayNameFor(model=>model.HolidayObserved)
@DisplayNameFor(model=>model.DateObserved)
@foreach(模型中的var项目){
@item.HolidayObserved.ToString()
@item.DateObserved.ToShortDateString()
}
新假期:
假期:
观察日期:
您的ajax调用看起来怎么样?ajax之后呈现的部分在哪里?divHolidays是在$.post调用之后呈现的部分。在进行post时,您有没有可能不在服务器端设置模型如果div再次进行渲染,并且模型没有保存其值,那么会发生什么。在执行post时,将在服务器端设置模型。