ちょっと前に作ったJavaEEアプリでbootstrap2のdatatimepickerを使ったのだが、
?p=698
5分刻みは使いにくいという話が出てきて、ググッてみたところ下記を発見。
http://www.malot.fr/bootstrap-datetimepicker/
オプションのminuteStepで値を変えられるみたいなのでやってみました。
1分刻みにするとこうなります。
xhtml側は下記minuteStepのオプションを追加するだけ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<h:outputScript name="bootstrap/js/bootstrap-datetimepicker.min.js" /> <h:outputScript name="bootstrap/js/bootstrap-datetimepicker.ja.js" /> <h:outputStylesheet name="bootstrap/css/bootstrap-datetimepicker.min.css" /> $(function() { $('.datetimepicker').datetimepicker({ format: 'yyyy/mm/dd hh:ii:ss', autoclose: true, todayBtn: true, pickerPosition: "bottom-left", minuteStep: 1, language: 'ja' }); }); |
ダイアログが長くなって画面ギリギリだけど、この方が便利ということでこちらでリリース
次作るものはbootstrap3にしないとなあ。。