「 JavaScript 」一覧

CakePHP3 scriptタグ(HTMLヘルパー)のdefer・async属性設定方法

2018/11/09 -ビュー(Template)
async, defer, HtmlHelper, JavaScript, script

CakePHP3 scriptタグ(HTMLヘルパー)のdefer・async属性オプションの設定方法です。

// CakePHP3 HTMLヘルパー（$this->Html->script - defer属性）
<?= $this->Html->script(['jquery.min.js', 'bootstrap/bootstrap.min.js'], ['defer' => true])?>
// 生成されるHTML
<script src="/js/jquery.min.js" defer="defer"></script>
<script src="/js/bootstrap/bootstrap.min.js" defer="defer"></script>
// CakePHP3 HTMLヘルパー（$this->Html->script - async属性）
<?= $this->Html->script(['jquery.min.js', 'bootstrap/bootstrap.min.js'], ['async' => true])?>
// 生成されるHTML
<script src="/js/jquery.min.js" async="async"></script>
<script src="/js/bootstrap/bootstrap.min.js" async="async"></script>

// CakePHP3 HTMLヘルパー（$this->Html->script - defer属性）

<?= $this->Html->script(['jquery.min.js', 'bootstrap/bootstrap.min.js'], ['defer' => true])?>

// 生成されるHTML

// CakePHP3 HTMLヘルパー（$this->Html->script - async属性）

<?= $this->Html->script(['jquery.min.js', 'bootstrap/bootstrap.min.js'], ['async' => true])?>

// 生成されるHTML

: jQuery UI モーダルでダイアログを開くサンプルコード
2017/12/04 -jQuery3
Ajax, JavaScript, jQuery UI, サンプルコード, モーダル
jQuery UI モーダル(modal)でダイアログを開くサンプルコードです。 ※ jQuery 3.1 / jQuery UI 1.12 [crayon-6 …

JavaScript 数字先頭に0を追加する関数のサンプルコード

2017/12/04 -jQuery3
JavaScript, サンプルコード, 関数

JavaScript　数字の先頭に0を追加する関数のサンプルコードです。

<script>
console.log(digitFormat(1,3)); // 出力ログ:001
// 数字の先頭に0を追加してdigitで指定された桁数に変換する
function digitFormat(num, digit) {
var len = String(num).length;
if(digit > len) {
return (new Array((digit - len) + 1).join(0)) + num;
} else {
return num;
}
}
</script>

console.log(digitFormat(1,3)); // 出力ログ:001

// 数字の先頭に0を追加してdigitで指定された桁数に変換する

function digitFormat(num, digit) {

var len = String(num).length;

if(digit > len) {

return (new Array((digit - len) + 1).join(0)) + num;

} else {

return num;

}

</script>

JavaScript 日付と時刻チェック(YmdHi)関数のサンプルコード

2017/12/04 -jQuery3
date, JavaScript, サンプルコード, 関数

JavaScript 日付と時刻チェック(YmdHi)関数のサンプルコードです。

// 日付と時刻チェックのサンプルコード
<script>
console.log(checkDate(2017,12,04));
console.log(checkTime(10,11));
// 日付チェック(戻り値: true or false)
// ex) Y:2017, m:12, d:04
function checkDate(Y, m, d) {
var m = parseInt(m, 10);
var d = parseInt(d, 10);
var check_date = Y+'/'+m+'/'+d;
var date = new Date(check_date);
if (　check_date == (date.getFullYear()+'/'+(date.getMonth()+1)+'/'+date.getDate())　)　{
return true;
} else {
return false;
}
}
// 時刻チェック(戻り値: true or false)
// ex) H:10, i:11
function checkTime(H, i) {
var H = parseInt(H, 10);
var i = parseInt(i, 10);
if (0 <= H && H <= 23 && 0 <= i && i <= 59) {
return true;
} else {
return false;
}
}
</script>

// 日付と時刻チェックのサンプルコード

console.log(checkDate(2017,12,04));

console.log(checkTime(10,11));

// 日付チェック(戻り値: true or false)

// ex) Y:2017, m:12, d:04

function checkDate(Y, m, d) {

var m = parseInt(m, 10);

var d = parseInt(d, 10);

var check_date = Y+'/'+m+'/'+d;

var date = new Date(check_date);

if (　check_date == (date.getFullYear()+'/'+(date.getMonth()+1)+'/'+date.getDate())　)　{

return true;

} else {

return false;

}

// 時刻チェック(戻り値: true or false)

// ex) H:10, i:11

function checkTime(H, i) {

var H = parseInt(H, 10);

var i = parseInt(i, 10);

if (0 <= H && H <= 23 && 0 <= i && i <= 59) {

return true;

} else {

return false;

}

</script>

「 JavaScript 」 一覧

「 JavaScript 」一覧