$(‘取得したいもの’).val() で値が取得できない

Question

$(‘取得したいもの’).val()　で値が取得できない。
htmlに、

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/locales/bootstrap-datepicker.ja.min.js"></script>

  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/excite-bike/jquery-ui.css" >

  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.ja.js"></script>

  <script>

      jQuery.noConflict();
      var $j = jQuery;

      $j(function() {
        $j("#datepicker").datepicker({
        format: "yyyy年mm月dd日",
        language: 'ja'
        }).on('changeDate', function(e) {
          $j("#datepicker time").text(e.format(0));
        });

        $j('#datepicker').attr('required');

      });


  </script>

 <form name="form" id="form" action="javascript:void(0)" method="POST" enctype="multipart/form-data">

            <button type="button" id="datepicker" name="datepicker1">
                <span class="btn-horus__type">候補日時</span>
                <time class="btn-horus__value" datetime="----年--月--日" id=“selectdate">----年--月--日</time>
            </button>

            <button id="submit" class="btn btn-default" >送信</button>
</form>

とコードを書いて、timeタグで選択した値を、

<script>
	data = $u('selectdate').val();
	console.log(data);
</script>

とjsを書いて、console.log(data);　で表示させようとしたが、
例えば2018年6月4日をdatepickerから選択してもconsole.log(data);は常に空に表示される。

https://www.sejuku.net/blog/45297#valvalue
などを見ても、$(‘取得したいもの’).val()で値が取得できると思うので、何が問題なのかわからない。
理想のアウトプットは、
console.log(data);で、2018年6月4日と表示させる事である。

Answer 1

.val()はvalueプロパティを取得しているだけなので、valueプロパティを持たないものには使えません。

$('#selectdate').text();

https://api.jquery.com/val/
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTimeElement

引用符が全角になっているので気を付けましょう。

Answer 2

jQuery リファレンス：#id名（ID属性）

Comments

[kaitotokai]

ありがとうございます。
data = $u('selectdate')
console.log(data);
とコードを書くと、
[object Object]　と表示されました。Objectではなく、2018年6月4日のように文字で表示させたいのですが、どうしたらいいでしょうか？