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

这个是第二好用的了,支持鼠标滚动选择时间。功能很强大,文档: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>

 

 

下载地址:点击下载

posted @ 2013-10-21 18:17  Zane Young  阅读(505)  评论(0编辑  收藏  举报