[全般] テンプレート文字列の書式

by Wijmo5_jp

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://demo.grapecity.com/wijmo/sample/scripts/sample.js"></script>
<link rel="stylesheet" href="https://cdn.grapecity.com/wijmo/5.latest/styles/wijmo.min.css">
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/cultures/wijmo.culture.ja.min.js"></script>
<div class="container">

  <h4>標準のテンプレート文字列</h4>
  <pre id="stringDefault"></pre>
  <h4>書式設定したテンプレート文字列</h4>
  <pre id="stringWijmo"></pre>

</div>

CSS

body {
  margin: 50px 0;
}

JavaScript

var date = new Date();
var number = 1234.5;
document.getElementById('stringDefault').innerText =
`日付: ${date}
数値: ${number}`;
document.getElementById('stringWijmo').innerText = 
wijmo.glbz`日付: ${new Date()}:D
数値: ${number}:n2`;