圆形时钟选择时间jQuery插件

mdtimepicker是个jQuery插件，可以从一个圆形的时钟界面中选择一个时间。

基础调用

$('#timepicker').mdtimepicker();

灵活的参数配置

$('#timepicker').mdtimepicker({
 
  // 时间格式化
  timeFormat: 'hh:mm:ss.000', 
 
  // input值格式化
  format: 'h:mm tt',      
 
  // 样式
  // 'red', 'purple', 'indigo', 'teal', 'green', 'dark'
  theme: 'blue',        
 
  // 是否只读
  readOnly: true,       
 
  // 小于10补0
  hourPadding: false,
 
  // 清除按钮
  clearBtn: false
 
});

API方法

// 设置默认值
$('#timepicker').mdtimepicker('setValue', '3:30 PM');
 
// 显示或隐藏
$('#timepicker').mdtimepicker('show');
$('#timepicker').mdtimepicker('hide');
 
// 销毁
$('#timepicker').mdtimepicker('destroy');