`
chicony
  • 浏览: 122156 次
  • 性别: Icon_minigender_1
  • 来自: 孝感
社区版块
存档分类
最新评论

时间控件jquery timepicker

jQueryJavaScriptCSSUIHTML 
阅读更多

jquery timepicker 支持时分秒的设置

配置年月日显示格式 jquery-1.3.2.min.js   dateFormat:"yy-mm-dd"

 

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
	<title>Timepicker Example Page</title>
	<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
	<script type="text/javascript" src="js/timepicker.js"></script>
</head>
<body>

<script type="text/javascript">
$(function() {
    $('#datetime').datepicker({
    	duration: '',
        showTime: true,
        constrainInput: false
     });
});
</script>

<style type="text/css">
	body{ font: 80% "Trebuchet MS", sans-serif; margin: 50px;}
</style>

<p><input type="text" name="datetime" id="datetime" value="2009-12-03" readonly ></p>

</body>
</html>

  

分享到：
| 18 位身份证验证
评论
2 楼 tw198611 2012-04-12  
要是能做成EXTJS那种就安逸~~
1 楼 tw198611 2012-04-12  
勉强能用。
首先外观一般，其次显示框的时间不能实时变化。
然后时分秒的操作感觉不是太方便
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    带分钟的js时间控件jQuery-Timepicker-Addon

    带分钟的js时间控件jQuery-Timepicker-Addon，点击可以显示日期，时，分都可以选择

    jquery timepicker时分控件

    时间选择器，只有小时和分钟的选择，几行代码就可以调用，简单易用

    只选择小时、分的时间插件jquery-timepicker.js

    描述：选择时间组件，先选择小时再选择分钟，只支持00-23小时、00-05-10...50-55分钟。回调函数的e为源对象。 示例如下： 1 2 3 4 5 $('.time-picker').hunterTimePicker({ callback: function(e){ .... } });

    jquery时间控件

    时间控件js：jquery-ui-timepicker-addon.js 对应函数及默认属性设置：function Timepicker()

    只选择小时、分的时间JS时间控件

    jquery-timepicker.js里面可设置时分的间隔及时间范围 可直接使用 也可根据自己的需求再修改样式及JS

    jquery ui timepicker 插件

    好用的jquery 选择时间控件

    带时间的jquery日历控件

    带时间的jquery日历控件 调用方法： &lt;script src="./public/js/jquery-ui-1.10.3.min.js"&gt; &lt;script src="./public/js/jquery.datepicker-zh-CN.js"&gt;&lt;/script&gt; &lt;script src="./public/js/jquery-ui-timepicker-addon....

    bootstrap-timepicker双击问题修复

    最近在项目中引用了bootstrap-datatimepicker控件，但是发现该控件在日期选择框弹出状态下再次点击input则日期选择框消失但再次点击...在日期控件的show方法中给input加上disabled属性。在hide方法中取消disabled属性。

    jquery-ui-1.11.2日期控件datepicker

    最新jquery-ui-1.11.2日期控件,官网下载内涵图片和自己添加的中文辅助jquery-ui-timepicker-zh-CN.js,经过本人测试绝对可以用,不知道怎么用的百度上找个例子即可,需要导入的包 ${ctx}/plugins/jquery-ui-1.11.2/...

    jQuery UI 时间控件 附i18n包

    基于jQuery UI的一款优秀的时间控件，可以自定义i18n信息哦（jquery-ui-timepicker-addon-i18n.js），引用全套（jquery-1.11.3.js;jquery-ui.js;jquery-ui-timepicker-addon.js;jquery-ui-timepicker-addon-i18n.js;...

    一个jQuery表单时间选择jQueryTimepicker

    一个jQuery表单时间选择：jQuery Timepicker

    Czou.TimePicker 时间选择控件 v2012.02.02

    1、使用文件：Jquery.min.js,Jquery.timeselect.js； 2、根据选择器的位置自动在下方出现； 3、可以稍修改代码中的位置，直接在选择器位置显示。

    日历控件（日期和时间）

    精确到秒的日历控件（jquery-ui-timepicker-addon 控件）

    juqery timepicker

    jquery选着日期控件 时分秒，中文 timepicker

    JS日期控件（橙色）

    JS日期控件（橙色）,亲试可用 &lt;!DOCTYPE html&gt; ; charset=utf-8" /&gt; &lt;title&gt;Timepicker Demo &lt;link type="text/css" href="css/jquery-ui-1.8.17.custom.css" rel="stylesheet" /&gt; ...

    jQueryUI datepicker

    jQuery UI Datepicker 插件和timepicker 共同组成时分秒的日历控件，包含汉化，中文显示日历样式

    timePicker·iTheoChan.zip

    解压密码iTheo基于bootstrap简洁高可用的时分秒js控件，仅选择时间的时分秒部分依赖：jQuery和bootstrap样式

    Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

    00.混乱的前端界 Angular1.x确实是个学习成本很...Angular模块化和解耦的思路确实值得一学，但是相对于成熟的jQuery插件库，Angular就显得寒酸了不少，比如，Angular-UI中日期控件是这样的： 丑的不要不要的，还不能选

    YetanotherjQuerytimepickerplugin.zip

    Yet another jQuery time picker plugin. Google 上兜了一圈，没找到中意的时间选择（Time Picker）插件，于是自己写了一个。timepicker 是一个弹出式的对话框，分为上下两个部分，上半部分是可以分别设定时分秒的...

    SFS_timepicker.zip

    由于没找到合适的时间选择控件，自己弄一个简单的，后续可根据自己需求扩展。挺好。根据自己需求下载，不喜勿喷

Magicbox
Global site tag (gtag.js) - Google Analytics