0

У меня странная ошибка. Все библиотеки, которые мне нужны, как и на сайте, но все равно не работают. Зачем? Что я пропустил? В консоли я естьdatepicker странное поведение

enter image description here

Index.chstml

@{ 
ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 

<script src="~/Scripts/jquery-2.2.0.min.js"></script> 
<script src="~/Scripts/moment.min.js"></script> 
<script src="~/Scripts/bootstrap.min.js"></script> 
<script src="~/Scripts/bootstrap-datetimepicker.min.js"></script> 

<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" /> 

<div class="container"> 
<div class="row"> 
    <div class='col-sm-6'> 
     <div class="form-group"> 
      <div class='input-group date' id='datetimepicker1'> 
       <input type='text' class="form-control" /> 
       <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"></span> 
       </span> 
      </div> 
     </div> 
    </div> 

    <script type="text/javascript"> 
     $('#datetimepicker1').datetimepicker({ useCurrent: false }); 
     $('#datetimepicker1').on("dp.hide", function (e) { 
      $.ajax({ 
       url: "/Home/Index", 
       type: "POST", 
       data: { test: $('#datetimepicker1').data('DateTimePicker').date().format('YYYY-MM-DD HH:mm') }, 
       success: function (response) { 
        $('.results').html(response); 
       } 
      }); 
      debugger; 
     }); 
    </script> 
</div> 

Контроллер:

public class HomeController : Controller 
{ 
    // 
    // GET: /Home/ 

    public ActionResult Index() 
    { 
     return View(); 
    } 
    [HttpPost] 
    public JsonResult Index(DateTime? test) 
    { 
     return Json("1"); 
    } 
} 
+2

сначала добавьте файлы css, а затем файлы js. –

+1

. Событие 'dp.hide' имеет свойство' 'date' (http://eonasdan.github.io/bootstrap-datetimepicker/Events/#dphide), вы можете попробовать его использовать вместо 'date()'. Поле данных ajax будет: 'data: {test: e.date.format ('YYYY-MM-DD HH: mm')}' – VincenzoC

ответ

0

попробовать

используют изменение событий

$('#datetimepicker1').on("dp.change", function (e) { 
      $.ajax({ 
       url: "/Home/Index", 
       type: "POST", 
       data: { test: $('#datetimepicker1').data("DateTimePicker").date() ==null ? $('#datetimepicker1').data("DateTimePicker").date() : $('#datetimepicker1').data("DateTimePicker").date().format('YYYY-MM-DD HH:mm') }, 
       success: function (response) { 
        $('.results').html(response); 
       } 
      }); 
+0

Теперь он не вызывает ошибки в javascript. Но он передает значение null контроллеру. – A191919

0

Сначала добавьте Jquery ссылки на файл, если вы поместите JQuery в папку приложения

добавить JQuery Datepicker файлы

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

сейчас пишу ниже код:

$("#datetimepicker1").datepicker(
{ 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: 'mm/dd/yy', 
    yearRange: "-80: +0", 
    setDate: new Date() 

} 
0

Ваш код работать правильно для меня проверить библиотеку Jquery и попытайтесь перезагрузить компьютер, если не

Редактировать

Я стараюсь код без макета может быть, ваша проблема в макете enter image description here

Смежные вопросы