jquery rui_date实现手机端移动端农历公历时间选择器效果代码-html代码-BFW代码库

jquery rui_date实现手机端移动端农历公历时间选择器效果代码

代码语言：html

所属分类：选择器

代码描述：jquery rui_date实现手机端移动端农历公历时间选择器效果代码

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公农历选择切换</title>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/rui_date.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/Lunar.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/rui_date.js"></script>
    <style>
        .demoInput{
            width: 100%;
            max-width: 300px;
            height: 50px;
            border:1px solid #ccc;
            text-align: center;
            border-radius: 5px;
            padding:5px 10px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
    </style>
</head>

<body>
    <!-- <p>公农历选择切换插件 主要js为rui_date.js,来源百度（现在找不到链接了），在原本的基础进行了一些改进，满足自己项目的要求</p> -->
    <div class="date_input">
        <p>不带时辰</p>
        <!-- <p class="input pinput"></p> -->
        <input id="demo1" class="demoInput" type="text" data-toid-date="date" name="input_date" placeholder="日期选择不带时辰" data-type="1"
            data-date="1983-6-3" /></input>
        <input type="hidden" id="date" name="date">
    </div>
    <div class="date_input">
        <p>带时辰</p>×

        <!-- <p class="input pinput"></p> -->
        &.........完整代码请登录后点击上方下载按钮下载查看