Code666 (代码贴、代码片段)

[JavaScript] jquery-ui 日期 时间选择器 datepicker timepicker →→→→→进入此内容的聊天室

来自 , 2019-06-19, 写在 JavaScript, 查看 105 次.
URL http://www.code666.cn/view/2b24d495
  1. head中引入jquery-ui-timepicker-addon.js文件
  2.  
  3. 添加样式：
  4. .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
  5. .ui-timepicker-div dl { text-align: left; }
  6. .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
  7. .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
  8. .ui-timepicker-div td { font-size: 90%; }
  9. .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
  10. .ui-timepicker-rtl{ direction: rtl; }
  11. .ui-timepicker-rtl dl { text-align: right; }
  12. .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
  13.  
  14. html代码：
  15. <input type="text" id="datetime" name="datetime" value="" />  
  16.  
  17. javascript代码：
  18. $("#datetime").datetimepicker(); // 日期+时分秒  
  19. $("#datetime").datepicker(); // 日期  
  20. $("#datetime").timepicker(); // 时分秒  

回复 "jquery-ui 日期 时间选择器 datepicker timepicker"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666