#javascript #jquery #css #ajax #partial-views
Вопрос:
У меня есть страница частичного просмотра, я хочу загрузить файлы JavaScript и CSS в этом частичном представлении.
Пожалуйста, помогите мне, как мне это сделать?
Я хочу загрузить эти три файла в частичном виде
lt;link href="~/AdminTheme/BootstrapJalaliDatePicker/css/bootstrap- datepicker.min.css" rel="stylesheet" /gt; lt;script src="~/AdminTheme/BootstrapJalaliDatePicker/js/bootstrap- datepicker.min.js"gt;lt;/scriptgt; lt;script src="~/AdminTheme/BootstrapJalaliDatePicker/js/bootstrap- datepicker.fa.min.js"gt;lt;/scriptgt; Частичный Вид:
lt;div class="col-md-12"gt; lt;div class="col-md-6"gt; lt;div class="form-group"gt; lt;label asp-for="StartDate" class="control-label"gt; StartDate lt;/labelgt; lt;input id="sdDate" class="Date form-control" name="stDate"/gt; lt;span asp-validation-for="StartDate" class="error"gt;lt;/spangt; lt;/divgt; lt;/divgt; lt;div class="col-md-6"gt; lt;div class="form-group"gt; lt;label asp-for="EndDate" class="control-label"gt; EndDate lt;/labelgt; lt;input id="edDate" class="Date form-control" name="edDate"/gt; lt;span asp-validation-for="EndDate" class="error"gt;lt;/spangt; lt;/divgt; lt;/divgt; lt;/divgt; lt;script type="text/javascript" language=javascriptgt; $(document).ready(function() { $('.Date').datepicker({ dateFormat: "yy/mm/dd", isRTL: true, showButtonPanel: true }); }); lt;/scriptgt; Комментарии:
1. Просто добавьте его в частичное представление. Вы можете добавлять блоки JS и CSS повсюду в HTML, а не только в заголовке.
2. И что произойдет, когда вы добавите их в свой частичный вид? Что не работает, что заставило вас задать этот вопрос?
3. Я хочу, чтобы плагин даты отображался,
4. Это частичное представление выполняет операции в Ajax. После обновления страницы отображается плагин даты, но после операции вставки записи плагин даты больше не отображается для вставки новой записи.
Ответ №1:
Полученное решение:
$(document).on("focusin",".Date", function () { $(this).datepicker({ dateFormat: "yy/mm/dd", isRTL: true, showButtonPanel: true }); }); добавить css:
.datepicker{z-index:1151 !important;}