一个可以给日期提供输入和清空输入的时间插件

最新推荐文章于 2022-08-12 12:27:23 发布

qq_28775901

最新推荐文章于 2022-08-12 12:27:23 发布

阅读量426

点赞数

分类专栏：给日期添加input 文章标签：时间插件

本文链接：https://blog.csdn.net/qq_28775901/article/details/82657542

版权

本文介绍了一款时间插件，该插件能够方便地为日期输入提供支持，并且具备清除输入的功能。通过代码示例，展示了如何使用这款插件，帮助开发者在项目中高效管理日期相关的交互体验。

摘要由CSDN通过智能技术生成

这里写图片描述

代码如下:

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>时间的插件</title>

    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
      html,body{
        background: rgb(228,235,243);
      }
      .dateMoney {
        position: relative;
        background: #fff;
        width: 570px;
        height: 600px;
      }
      .dateMoney-year {
        width: 162px;
      }
      .dateMoney-year :nth-child(1) {
        float: left;
        margin-top: 7px;
        cursor: pointer;
      }
      .dateMoney-year :nth-child(2) {
        float: left;
        margin-left: 10px;
      }
      .dateMoney-year :nth-child(3) {
        float: left;
        margin-top: 7px;
        margin-left: 10px;
        cursor: pointer;
      }
      .dateMoney-from {
        width: 100%;
        margin-top: 18px;
      }
      .dateMoney-from-in1 {
        background: #F0F0F0;
        padding: 7px 10px;
      }
      .dateMoney-from-in1-1 {
        width: 340px;
      }
      .dateMoney-from-in1 span {
        float: left;
        margin-top: 7px;
      }
      .dateMoney-from-in1 input {
        float: left;
        width: 120px !important;
        margin-left: 10px;
        padding: 5px 7px;
        border-radius: 4px;
        border: 1px solid #ccc;
      }
      .dateMoney-from-in1-1 button {
        float: left;
        margin-left: 7px;
        margin-top: 2px;
      }
      .dateMoney-week {
        margin-top:

最低0.47元/天解锁文章

qq_28775901

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一个可以给日期提供输入和清空输入的时间插件

代码如下: 时间的插件&amp;lt;!-- Bootstrap --&amp;gt;&amp;lt;link href=&quot;https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&amp;gt;&amp;lt
复制链接

扫一扫