• datetimepicker简单使用


     

    使用方法

    添加jquery、datetimepicker和datetimepicker.css到您的页面

    1
    2
    3
    <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.css"/ >
    <script src="jquery.js"></script>
    <script src="jquery.datetimepicker.js"></script>

    HTML

    1
    <input id="datetimepicker" type="text" >

    Javascript

    1
    $('#datetimepicker').datetimepicker();

    //加入参数    (网友: 石→石←石 加入编辑)

    1
    $.datetimepicker.setLocale('ch');//设置中文

    =====以下代码由会员 create_time 提供=====

    如果,遇见插件不起效,

    1
    2
    3
    <script>
       $('#datetimepicker').datetimepicker({lang:'ch'});
    </script>

    放在<body></body>元素里面,程序是从上往下执行,优先加载head元素中js,如果本来的js中有摸个函数跟你插件的函数相同,他就是直接跳过

    1
    2
    3
    4
    5
    <head>
      <script>
         $('#datetimepicker').datetimepicker({lang:'ch'});
      </script>
    </head>

    而不加载!

    调整,数字的位置

    1
    2
    3
    4
    .xdsoft_datetimepicker  .xdsoft_calendar td > div{
       padding-right:10px;
       padding-top5px
    }

    自定义选项:

    1
    2
    3
    4
    5
    6
    7
    8
    $('#s').datetimepicker({
          lang:"ch"//语言选择中文 注:旧版本 新版方法:$.datetimepicker.setLocale('ch');
          format:"Y-m-d",      //格式化日期
          timepicker:false,    //关闭时间选项
          yearStart:2000,     //设置最小年份
          yearEnd:2050,        //设置最大年份
          todayButton:false    //关闭选择今天按钮
    });
  • 相关阅读:
    vue笔记
    vue工具
    vue笔记
    vuex
    css方法
    html2canvas
    Fiddler
    vue经验
    vue经验
    html2canvas
  • 原文地址:https://www.cnblogs.com/yuan619821/p/7761954.html
Copyright © 2020-2023  润新知