第二好用的时间日期选择插件(jscal)

原创
2014/10/14 23:40
阅读数 52

这个是第二好用的了,支持鼠标滚动选择时间。功能很强大,文档:http://www.dynarch.com/jscal/

 

效果图: 

 

 

<! DOCTYPE html PUBLIC
          "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
< html >
   < head >
     < title >Dynarch Calendar -- Simple popup calendar </ title >
     < meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"   />
     < script  src ="jscal/js/jscal2.js" ></ script >
     < script  src ="jscal/js/lang/cn.js" ></ script >
     < link  rel ="stylesheet"  type ="text/css"  href ="jscal/css/jscal2.css"   />
     < link  rel ="stylesheet"  type ="text/css"  href ="jscal/css/border-radius.css"   />
     <!-- <link rel="stylesheet" type="text/css" href="jscal/css/steel/steel.css" /> --><!-- 这是支持不同样式用的 -->
   </ head >
   < body >
     < input  size ="30"  id ="f_date1"   />

     < script  type ="text/javascript" > // <![CDATA[
     // 文档:http://www.dynarch.com/jscal/
      Calendar.setup({
        inputField : 
" f_date1 " ,
        trigger    : 
" f_date1 " ,
        onSelect   : 
function () {  this .hide() },
        showTime   : 
true ,
        dateFormat : 
" %Y-%m-%d %I:%M:%S "
      });
    
// ]]></script>
   < / body>
< / html>

 

 

下载地址:点击下载

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
在线直播报名
返回顶部
顶部