炫酷jquery时间与日期选择器输入效果代码

代码语言:html

所属分类:选择器

代码描述:炫酷jquery时间与日期选择器输入效果代码

代码标签: 日期 选择器 输入 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/datedropper.css">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/timedropper.min.css">
    <style type="text/css">
        .demo {
            margin: 80px auto 40px auto;
            width: 320px
        }
        .input {
            padding: 6px;
            border: 1px solid #d3d3d3
        }
    </style>

</head>

<body>

    <div id="main">

        <div class="demo">
            <p>
                请选择日期:<input type="text" class="input" id="pickdate" />
            &.........完整代码请登录后点击上方下载按钮下载查看

网友评论0