Note to Self

自分用のメモ置き場

JavaScript

JavaScriptでマスキングされたパスワードを表示する

type属性の「text」と「password」を切り替えることで実装 See the Pen Mask / Unmask password fields by 1 (@debatable13) on CodePen.

JavaScriptで濁音・半濁音を清音と濁点・半濁点に分解する

全銀フォーマットでは濁点・半濁点も1文字とカウントするため分離する必要がある 他にもいい方法があるかもしれないが、手っ取り早く分離しておく function divideCharacter(rawTxt) { const arrReplaceData = [ ['ガ', 'カ゛'], ['ギ', 'キ゛'], ['グ', 'ク…

JavaScriptで日付が正しいかチェックする

以下の例ではyyyymmdd形式で入力された日付をyyyy/mm/ddに変換している function checkDate(date) { let targetDate = (date).replace(/[^0-9]/g, ''); if (targetDate.length == 8) { let tempDate = targetDate.match(/([0-9]{4})([0-9]{2})([0-9]{2})/); …

jQueryでチェックボックスの全選択を実装する

「全て選択」にチェックすると全ての項目にチェックが付与される ひとつでもチェックを外すと、「全て選択」もチェックが外れる また、全ての項目にチェックを付与すると「全て選択」がチェックされる HTML <label for="allChecked"> <input type="checkbox" name="allChecked" id="allChecked" value="1"> <span>全て選択</span> </label> <div id="cities"> <label><input type="checkbox" name="city[]" value="1" /> 東京</label></div>

jQuery UIのDatepickerで日付を連動して変更する

jQuery UIのDatepickerで日付を連動して変更する jQuery UIのDatepickerで日付の範囲検索の場合に 片方の値を変更した際に、もう一方も連動して変更する方法 以下の例では、「fromDate」を変更すると「toDate」も連動して変更されるが、「toDate」を変更して…

JavaScriptで数字を0埋めする

JavaScriptで数字を0埋めする slice()メソッドを使用して0を含めて文字列を作成する function zeroPadding(num, length) { return ('0000000000' + num).slice(-length); } console.log(zeroPadding(1, 2)); // 01 console.log(zeroPadding(98, 3)); // 098