第二好用的时间日期选择插件（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>

 

 

下载地址:点击下载

转载于:https://www.cnblogs.com/Mr-Nobody/p/3381029.html