第二好用的时间日期选择插件(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>
下载地址:点击下载
效果图:
<!
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>
下载地址:点击下载
相关文章推荐
- 第二好用的时间日期选择插件(jscal)
- 30个基于jQuery的日期时间选择插件
- 基于zepto的移动端日期+时间选择插件
- jquery.datetimepicker.js时间插件去除默认值的属性(点击以后不选择日期)
- 日期时间范围选择插件:daterangepicker使用总结(必看篇)
- anguar js 日期和时间选择插件 angular-datetimepicker 使用时注意事项
- 30个基于jQuery的日期时间选择插件
- C# 自定义控件,日期时间选择输入插件
- laydate.js日期时间选择插件
- 时间日期选择插件
- laydate日期插件案例,结束时间小于开始时间不可选择
- Jquery日期、时间选择插件
- Html5添加用户选择一个日期时间范围的日期选择器插件教程
- 贴近用户体验的Jquery日期、时间选择插件
- JQM插件之时间日期、省市区等滚动选择插件Mobiscroll
- 30个基于jQuery的日期时间选择插件
- Jquery日期、时间选择插件
- 一款贴近用户体验的jQuery日期选择插件。这是一款双日历jQuery日期选择时间插件pickerDateRange。
- 日期时间选择插件 - laydate.js
- easyUI自带的时间插件日期选择、月份选择、时间选择的使用(转)