您的位置:首页 > Web前端 > JavaScript

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

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

下载地址:点击下载
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: