Выбор даты, дающий неопределенное значение - PullRequest
Новая
       34

Выбор даты, дающий неопределенное значение

0 голосов
/ 28 февраля 2020

Я пытаюсь получить дату, нажимая кнопку отправки. В консоли отправляется значение двух других полей данных, но не дата. Календарь отображается, а дата отображается в текстовом поле.

В связи с этим отображаются данные: Ошибка

Я изменил формат на «гггг-мм-дд» в средстве выбора даты . js файл

HTML код: 

<!doctype html>
<html lang="en">

<head>
  <title></title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="stylesheet" href="css/datepicker.css"> 
  <script src="js/datepicker.js"></script> 


</head>

<body>

  <div style="overflow-x: auto;">  
      <div class="card-body">
        <div class="col-md-12" style="display:inline-flex" >
          <div class="col-md-4" style="padding-left: 0px;"> 
            Report: <select class="select2able" id="repkpi">
            </select>          
          </div>
          <div class="col-md-3"> 
            Sheet: <select class="select2able" id="sheetxl">

            </select>          
          </div>
          <div class="col-md-3" style="display: flex;">
           <label for="datepicker" class="astrick" id=datepicker>Date:</label> 
           <input type="text" class="form-control datepicker" data-toggle="datepicker">

          </div> 

          <div class = "col-md-2">
           <button type="button" class="btn btn-primary submitrepbtn" id="btn_submitrep">Submit</button>

          </div>
        </div>

        <table class="table table-striped table-bordered table-hover table-responsive" id="TbodyRuleRepo"
          style="width:100%; font-size: 12px;"></table>
      </div>  
    </div>
  </div>

Выбор даты 

    <script>
      $(function() {
        $('[data-toggle="datepicker"]').datepicker({
          autoHide: true,
          zIndex: 2048,
        });
      });
    </script>

AJAX вызов 

$(document).on('click','.submitrepbtn', function(){
    debugger;
    let date = $('#datepicker').val();
    let Sheet = $("#sheetxl  option:selected").text();
    let repsheet= $("#repkpi option:selected").text();

    let repObj = new Object(); 

    repObj.date = date;
    repObj.sheet= Sheet;
    repObj.kpi=repsheet;

    let sendDate = new Object();
    sendDate = repObj;

    $.ajax({
        type: 'POST',
        url: 'apicall',
        contentType: 'application/json',
        data: JSON.stringify(sendDate),
        success: function (data) {
            debugger;

               var a=JSON.stringify(data);
                pwIsf.alert({msg:'Data:'+a, type:'info'}); 


        },
          error: function (xhr, status, statusText) {     
            var err=JSON.stringify(data);
            pwIsf.alert({msg:'Error!'+err, type:'error'});       
        }

    })

 }
 );

1 Ответ

1 голос
/ 28 февраля 2020

попробуйте изменить 

 <label for="datepicker" class="astrick" id=datepicker>Date:</label> 
 <input type="text" class="form-control datepicker" data-toggle="datepicker">

на 

 <label for="datepicker" class="astrick">Date:</label> 
 <input type="text" class="form-control datepicker" id="datepicker" data-toggle="datepicker">

Вы пытались получить значение элемента, соответствующего идентификатору даты, но в вашем коде этот элемент был меткой вход, а не сам вход.

...