DEVELOPERS BLOGデベロッパーズブログ

  1. HOME > 
  2. 加藤 正人のデベロッパーズブログ > 
  3. 時刻入力用 jQuery Plugin TimePicki の不具合調整

加藤 正人のデベロッパーズブログ

加藤 正人

氏名
加藤 正人
役職
多分SE
血液型
秘密
出没
美味しいもののあるところ
特色
タヒチ大好き。ちょいメタボ。

加藤 正人

2017/07/08

時刻入力用 jQuery Plugin TimePicki の不具合調整

 

既存の CakePHP 2.x のシステムに「時刻情報」を追加することになり、入力用のプラグインを探していて TimePicki v2.0 という jQuery プラグインを見つけた。

既存のデザインに近い感じで、24時間対応なのでなかなか良いのだが、動作がちょっとおかしいことに気づいた。

12時間表記の場合は問題ないのだが、24時間表記にして「分」が1桁の場合、例えば 05 分の場合先頭の 0 が除去されて 5 になってしまうのだ。

ソースファイル timepicki.js を見てみたところ、24時間対応のロジックで 34行目付近で1桁の場合先頭に "0" を補っているのに、その後の37行目で再度整数値化して先頭の0を除去している。

当該箇所をコメントアウトすることで、正しく動作するようになった。

関連エントリー

CakePHP のレンダリング結果を保存したい

CakePHP 2.x の Cookie と js.cookie.js

CakePHP プラグインで HTTPS 判定

jQuery プラグイン「Touch Punch」

Safari のフォームボタンと jQuery submit()

作業用モデルビヘイビア

CakePHP のバリデーション時に状況に応じてバリデーションルールを変更する

スマホ向けサイトの click と touch

CsvLoader ビヘイビアを使って CSV を一発でロードする Cake Shell

CakePHP の Security コンポーネント、ベーシック認証、CGI

jQuery 無限スクロールのメモ

形態素解析システム MeCab (めかぶ) を CakePHP から利用する

Google APIs Client Library を CakePHP から利用する

分数電卓を作ってみる・その2

分数電卓を作ってみる・その1

CsvLoaderBhavior - CSV データを CakePHP で扱うための一手法・その2

 CsvLoaderBhavior - CSV データを CakePHP で扱うための一手法

CakePHP でストアドファンクション

テキストフィールドを CSV として処理する CakePHP ビヘイビア・補足

テキストフィールドを CSV として処理する CakePHP ビヘイビア・その2

テキストフィールドを CSV として処理する CakePHP ビヘイビア・その1

Google Maps で郵便番号⇒住所変換・その2

テキストを自動整形する簡易 CakePHP ヘルパー

Google Chart へのアクセスをヘルパーで実装してみる【その2】

Google Chart へのアクセスをヘルパーで実装してみる【その1】

Google reCAPTCHA を使いやすくする

駅データ.jp のデータを CakePHP から使う

CakePHP の小ネタ

UploadPack を Exif Orientation 対応にする

作業用テーブル処理を再利用可能なツール化してみる・その1

クリックイベントが2回実行される?!

IE8 と style 値でハマった話

CakePHP のフォームで required・その2

CakePHP の Paginator の sort() で昇順ソート時に NULL 値を最後にしたい

CakePHP のフォームで required

UploadPack のヘルパーメソッド名称が変わっていた

CakePHP 2.x の PaginatorHelper::sort の不思議

jQuery UI Dialog と z-index

CakePHP で四苦八苦 - あるフィールドにだけ値が書き込まれない

UploadPack で四苦Hack その後

jQuery UI ボタンと IE8 のワナ

CakePHP の小ネタ

jQuery v2 は IE6/7/8 をサポートしない!

CakePHP v2 のエラー処理

IE10 と CKEditor

2013/03/23
IE10 と CKEditor

JavaScript でバリデーション

JavaScript で入力フィールドの文字カウンタを実装してみる

UploadPack で四苦Hack・その2

Paginator で見かけの URL を使用する方法

「Notes プラグインが見つかりません」

CakePHP v2 で HTTP エラー画面をカスタマイズする

UploadPack で四苦Hack

PHP 5.4 と CakePHP 2.x